just sharing...
you can also break the codes for each headers so
you can apply different headers...
[quote].commonbox h1 {
color: #ffffff; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #b3b3b3 4px double;
}
.commonbox h2 {
color: #000000; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #3b3b3b 4px double;
}[/quote]
and for individual headers.. just add h2 to the box id
and change it at ur liking...
example: if you want your public comments box
to be different on other boxes you've already tweak..
[quote].publiccomments h2{
color: #000000; text-align: center;
font-size: 12px;
width: auto;
background-image:url(URL IMAGE HEADER);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #3b3b3b 4px double;
}
/*[b]then put different colors,text,borders,bkgd image, etc.[/b]*/[/quote]
and for your sidebars... look for your sidebar id
then apply the codes...
ex... if your [b]CBox[/b] id is [b]myCBox[/b]... do this...
put in ur css file...
[quote]#myCBox h2 {
[b]CSS CODES HERE[/b]
}[/quote]
that's it
Last edited by Refresh/Reload (2008-01-13 23:32:17)