Rounded corners all browsers
Mod Version: 1.00, by CK
| vB Version: 4.1.2 | Rating:  (0 vote - 0 average) |
Installs: 5 |
| Released: 10 May 2011 | Last Update: 10 May 2011 | Downloads: 71 |
 Not Supported
 Template Edits
Additional Files
Re-usable Code
|
||
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.
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.
Code:
#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 - Default Style http://www.the-sps.org/forum.php?styleid=61
Download
border-radius.zip (1.9 KB, 80 downloads)