Come ti modifico il colore dei commenti su MyBlog : REDAZIONE

D	L	M	M	G	V	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

« Come modificare lo sfondo delle colonne laterali del blog | Homepage | Quando Google ti penalizza… »

29/03/2010

Come ti modifico il colore dei commenti su MyBlog

Ciao MyBlogger!

Molti di voi ci hanno chiesto di personalizzare i commenti del blog con l’aiuto di un box colorato o semplicemente utilizzando un colore del font diverso da quello predefinito. In questo semplice tutorial troverete passo passo le indicazioni.

Dal pannello di controllo del blog, raggiungiamo Presentazione > Opzioni avanzate, apriamo il Modello di pagina di Link permanente per modificare la sezione di codice relativa ai commenti postati:

<div class="comment{if $comment.post_comment_parent}child{else}parent{/if}{if $user.email==$comment.email} author{/if}"><p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p> <p class="posted">{t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"} | {$comment.pubdate|date_format:"`$blog.date_format`"}</p>{if $blog.blog_comments_thread && !$comment.post_comment_parent}<a href="#postcomment" onclick="respondComment({$comment.id})" class="commentrespond">{t}Respond to this comment{/t}</a><span id="cauthor{$comment.id}" style="display:none">{$comment.authorname}</span>{/if}</div>

Inseriamo la seguente porzione di codice:

In modo da ottenere:

<div id="commenti"><div class="comment{if $comment.post_comment_parent}child{else}parent{/if}{if $user.email==$comment.email} author{/if}"><p id="c{$comment.id}">{if $blog.blog_comment_gravatar}{$comment.email|gravatar:$blog.blog_comment_gravatar}{/if}{$comment.source}</p> <p class="posted">{t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"} | {$comment.pubdate|date_format:"`$blog.date_format`"}</p>{if $blog.blog_comments_thread && !$comment.post_comment_parent}<a href="#postcomment" onclick="respondComment({$comment.id})" class="commentrespond">{t}Respond to this comment{/t}</a><span id="cauthor{$comment.id}" style="display:none">{$comment.authorname}</span>{/if}</div></div>

Salviamo e sempre dal solito pannello di controllo apriamo il Foglio di stile e inseriamo:

#commenti { background: #FFF;} .commentparent p.posted, .commentchild p.posted {color: #FF0000;}

.commentparent p, .commentchild p, .commentparent.author p, .commentchild.author p {color: #FF0000;}

In questo caso abbiamo scelto il colore bianco (#FFF) per lo sfondo del box commenti e il blu (#FF0000) per il testo della medesima sezione. Salviamo e automaticamente controlliamo il risultato. Ci ritroveremo con la nostra nuova personalissima area commenti!

Commenti

salve,
mi potete dare qualche altra dritta per modificare la pagina link permanente (commenti)?

dovrei rimpicciolire e dare dei margini laterali al testo dei commenti.

Thx!

velleitario