Comments/Reply Box

The Comments/Reply Box:

This code is nice, because you can really personalise your comments / reply box with text colour, backgrounds and font size, borders etc. To help you find which bit of code refers to which bit of the comments and replies box, I have given them all differing colours.

#commentlist {
background:url(‘http://i1231.photobucket.com/albums/ee505/leebebbs/CVPirates/browndarkhtbkg_zps795b13f6.gif’);
border:solid #00ff00;
list-style:none;
border-width:2px;
margin:0 10px 0 0;
padding:10px;
}

#commentlist .comment-node {
border:1px solid #ff00ff;
margin-bottom:10px;
background:blue;
}

#commentlist .children {
clear:right;
margin-left:20px;
list-style:outside none none;
border-left:3px dotted #ff0066;
background:none repeat scroll 0 0 url(‘http://i1231.photobucket.com/albums/ee505/leebebbs/CVPirates/browndarkhtbkg_zps795b13f6.gif’);
text-decoration:none;
color:darkorange;
font-size:10px;
border-right:0;
padding:7px 10px 8px;
}

.comments-navigation {
display:block;
background:#0099ff;
border:0;
}

As always, if you want your own image (which you undoubtedly do), then by all means use mine as an example, and adapt. If you don’t want an image, delete that URL reference, and you could always put a colour there instead by using the color:# command.

About the Author

Born in England, reborn in Poland, living the dream on Hattrick. I am the creator of 'The Golden League', which if you don't yet know what it is... you aren't getting the best out of HT ;) I am also a board member of the HTU Managers Federation, which I heartily recommend to all HT users as an established, supportive and amazing community with huge resources to help you make a brilliant blog for your team, and to help your teams succeed. Hope to see you there.