CK
05-09-2011, 10:00 PM
This will get your rounded corners on your site.
Stick this code in your additional.css template and upload the attached file to your forum root ie the same folder that your forum is located in.
Now a word of warning, this will get you your basic rounded corners, it won't look like the demo style. To get the best effect use it with a style that has rounded corners in it, the idea behind this mod is to have the rounded corners display in IE.
#bsb {
behavior:url(border-radius.htc);
border-radius: 20px;
-moz-border-radius-top{vb:stylevar left}:20px;
-moz-border-radius-top{vb:stylevar right}:20px;
-webkit-border-top-{vb:stylevar left}-radius:20px;
-webkit-border-top-{vb:stylevar right}-radius:20px;
-khtml-border-top-{vb:stylevar left}-radius:20px;
-khtml-border-top-{vb:stylevar right}-radius:20px;
}
Live Demo - http://the-sps.org
Live Demo - Default Style http://www.the-sps.org/forum.php?styleid=61
Stick this code in your additional.css template and upload the attached file to your forum root ie the same folder that your forum is located in.
Now a word of warning, this will get you your basic rounded corners, it won't look like the demo style. To get the best effect use it with a style that has rounded corners in it, the idea behind this mod is to have the rounded corners display in IE.
#bsb {
behavior:url(border-radius.htc);
border-radius: 20px;
-moz-border-radius-top{vb:stylevar left}:20px;
-moz-border-radius-top{vb:stylevar right}:20px;
-webkit-border-top-{vb:stylevar left}-radius:20px;
-webkit-border-top-{vb:stylevar right}-radius:20px;
-khtml-border-top-{vb:stylevar left}-radius:20px;
-khtml-border-top-{vb:stylevar right}-radius:20px;
}
Live Demo - http://the-sps.org
Live Demo - Default Style http://www.the-sps.org/forum.php?styleid=61