CHANGING CMNT BG COLORS
So, first of course, you're gonna need cutenews. Learn how to install it here.
-Sign into your cutenews account. Once you get to the cutenews home page, click options at the top.
Then on the options page, click 'edit templates'.
Match the first settings to mine:
Underneath that box of settings, you'll see a bunch of links. Click on the link that says Comment.
The page will expand with the comment settings.
These are my comment settings right now:
<div style="width: 350px; margin-bottom:20px;">
<div style="border-bottom:1px solid black;"> by <strong>{author}</strong> @ {date}</div>
<div style="padding:2px; background-color:#F9F9F9">{comment}</div>
</div>
Look at the last line. This is the comment settings. See where it says background-color:#F9F9F9 ? We're going to change that number to the hex code of the color you want. There are color charts with hex codes , just google it. Or you can just write the name of the color.
So I decided I'm going to make the background behind the comment a light blue color. The hex code for this light blue color is #77def5
So this means I'm going to put that where it says background-color:#F9F9F9. Making the code look like this:
<div style="padding:2px; background-color:#77def5">{comment}</div>
*NOTE: i didnt delete the rest of the coding, the code above is what the last line will look like.
And thats it! Press save and go look at your comments and the background should be light blue or whatever color you made it. :)
If you want a background color behind the name:
So I just made the comment background color a light blue, and now I want the background of the comment poster's name a light pink.
The hex code of the light pink I'm using is: #ff43d5
Still on your Options>Edit Templates>Comments page, look at the code again. Go to the line of the code that looks like this:
<div style="border-bottom:1px solid black;"> by <strong>{author}</strong> @ {date}</div>
Look at the last ; in the code. (semi-colon) Right after that semi-colon, type this:
background-color:#ff43d5
and change the hex code to what you want. and hit save! Thats it!
This is what my comments look like now:
Hope this tutorial helped!
Back • Forward • Back to Top
Contact • F.A.Q • Bookmark • Support • MySpace Page
