Page 1 of 1
Put each comment in a box?
Posted: Wed Oct 04, 2006 4:15 pm
by rj
My people are a bit confused reading comments as they seem to run into each other, I think they mean that no titles just sigs often confuses them on where a specific comment begins.
I have seen other blogs with each comment is in a bordered box.
I thought I had seen a plugin for that but cant find one anymore.
So into style css I must go.
I need to know which comment area this would go in, and if
border: 10px solid red;
Is the correct command
I also want to put my general background into the comment area and am not sure which of the comment areas that goes in either.
Thanx
RJ
Re: Put each comment in a box?
Posted: Wed Oct 04, 2006 5:15 pm
by garvinhicking
Hi!
That usually depends on your template. If you tell us your URL we can specifically tell you what to insert.
Templates like carl_contest and others already have distinct comment boxes...
HTH,
Garvin
Posted: Wed Oct 04, 2006 9:14 pm
by rj
Against my better judgement...
The problem is that this is a political site and the law of statistics means it is going to offend about half the people!
I hope one of them isnt you Garvin!
http://rackjite.com/serendipity/index.php
I want each comment in its seperate box with my hazy.jpg background, which I renamed to background.jpg
Posted: Wed Oct 04, 2006 9:27 pm
by carl_galloway
That does need a bit of work doesn't it?
Looking at your comments, I would say you're pretty much using the default comment layout, so begin by editing your style.css and adding this;
Code: Select all
.serendipity_comment {border:1px solid; }
That should get you started.
Posted: Wed Oct 04, 2006 9:31 pm
by mgroeninger
And to get even more advanced, you can do something like:
Code: Select all
.serendipity_commentBody {
border: #000 1px solid;
}
.serendipity_comment_source {
border: #000 1px solid;
}
Play with those styles (and the one Carl Gave you), and you can make them look really good!
Posted: Thu Oct 05, 2006 12:13 am
by rj
cool! Thanx! Almost ready to push this thing out on the world!
I added the background by myself but after many tries I cant seem to get the text padded away from the left and right sides of the new boxes.
I wrote this and put it here and there and it didnt take.
padding-right: 10px
padding-left: 10px
is that right?
Where should it go?
Posted: Thu Oct 05, 2006 12:30 am
by d_cee
Hi
you could try this bit of code to replace the the sections you've added to your style.css file
Code: Select all
.serendipity_comment {
font-size: small;
margin-right: 15px;
margin-left: 15px;
padding: 3px 3px 40px 3px;
background-color: #FFFFFF;
}
.serendipity_commentBody {
border: #006699 1px solid;
padding: 10px;
}
.serendipity_comment_source {
border: #006699 1px solid;
margin-top: 5px;
padding: 3px 10px 3px 10px;
}
Make sure to replace this code you've added
Code: Select all
.serendipity_comment {
background: url(templates/carl_green//img/topbanner.jpg) repeat;
width:600px;
font-size: small;
margin-right: 15px;
margin-left: 15px;
padding: 3px;
padding-bottom: 40px;
background-color: #FFFFFF;
border-right: 1px dotted #BBB;
overflow: auto;
}
.serendipity_commentBody {
border: #000 1px solid;
}
{padding-right: 10px
padding-left: 10px
}
.serendipity_comment_source {
border: #000 1px solid;
}
.serendipity_comment_source {
margin-top: 5px;
padding-left: 5px;
}
HTH
Dave