Hiv.aids Awareness Sayings

Change the background color of the comments -67 -

consists of adding a background color to the comments, which you can assign a background color for the author of the blog ( a text color too) and one for the author of the other blogs.

1.
design Go to the Template, then Edit HTML and click Expand templates of widgets. Find the id = 'comments-block'.

\u0026lt;dl id='comments-block'>
\u0026lt;b:loop values='data:post.comments' var='comment'> \u0026lt;dt class = 'comment-author' expr: id = "" comment-"+ data: comment.id '> \u0026lt;a expr:name='"comment-" + data:comment.id'/>
\u0026lt;b: if cond =' data: comment.authorUrl '>
\u0026lt;a expr:href='data:comment.authorUrl' rel='nofollow'> \u0026lt;/ a> \u0026lt;b:else/> \u0026lt;data:comment.author/> </b:if>

<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> <b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'> \u0026lt;span class='deleted-comment'> \u0026lt;data:comment.body/> \u0026lt;/ span>

\u0026lt;b:else/> \u0026lt;p> \u0026lt;data:comment.body/> \u0026lt;/ p>

\u0026lt;/ b: if>

\u0026lt;/ dd> \u0026lt;/ b: if>

\u0026lt;dd class='comment-footer'>

* Add what is

red.


3. We
in the template. Among \u0026lt;b:skin> \u0026lt;! [CDATA [and ]]>\u0026lt;/ b: skin> find that (style of commentary):

/ * ----------------------------------
Comments ------------- * / # comments h4



{margin: 1em 0;
color: $ dateHeaderColor;
} # comments h4 strong {
font-size: 110%;
still more code}
style ... ..
... ..
....

.
deleted-comment {
font-style: italic;
color: gray;}


4. The following code
leave it for last because it refers to the style of the commentary (as amended), which can make changes using your criteria. Once located the style of the commentary we replace with the following:

# comments {margin: 0;
} # comments h4 {
margin: 0 0 10px; padding-top: .5 em; -line height: 1.4em;

font: bold 110% Georgia, Serif;
color: # 333;}

# comments-block {
line-height: 1.6em;} .
comment-author {background: # e6e6e6 url ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOnzqQGORy5NBNc_e6Lq66iXFIRqDoFFn1bN0ZwSO4FA0RFquObTKq-7LHYAwuZrUHfq-YUvV0c8LcJk2Z38JKoiCwSt9JXH12OKrcaKNRuUoBMvfJS6HSDZCN02lRjmTwf8SD4lKHB4h/s200/page_edit.png") no-repeat 2px .35 em;
margin: .5 em 0 0;
padding: 3px 0 0 18px;
font-weight: bold;}

.
comment-body { background:#eeeee6;
margin:0;
padding:7px 7px 7px 7px;
}
.comment-body p { margin:0 0 .5em; }
.comment-body-author {
background:#e5e5e5;
margin:0;

padding:7px 7px 7px 10px;
}

.comment-body-author p { font-size:105%; margin:0 0 .2em 0;

color:#6728B2;
text-decoration:bold;

} .comment-footer {
background:#e6e6e6;
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-footer a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color: gray;}





Explanation:

- In. comment-author, the name of the author and can change the background color and the url becomes the icon
-. comment-body, then displays the background color for those who leave comments.
-. Comment-body-author, then displays the background color for the blog author.
-. Comment-body-author p, can change the text color of the blog author.
-. Comment-footer, is the date and you can change the background color.



Via:



Stubborn Fanatic








consists