Simple CSS rounded corners for your forum [no images]

Add this to the additional css section in style manager:
HTML:
.rc {
display:block;
}

.rc * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#b20000;
}

.rc1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #870000;
border-right:1px solid #870000;
background:#9f0000;
}

.rc2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #6f0000;
border-right:1px solid #6f0000;
background:#a30000;
}

.rc3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #a30000;
border-right:1px solid #a30000;
}

.rc4 {
border-left:1px solid #870000;
border-right:1px solid #870000;
}

.rc5 {
border-left:1px solid #9f0000;
border-right:1px solid #9f0000;
}

.rcfg {
background:#b20000;
}


Wrap the code you want to have round corners with this:
HTML:
<div>
  <b class="rc">
  <b class="rc1"><b></b></b>
  <b class="rc2"><b></b></b>
  <b class="rc3"></b>
  <b class="rc4"></b>
  <b class="rc5"></b></b>

  <div class="rcfg">


    <!-- content goes here -->


  </div>

  <b class="rc">
  <b class="rc5"></b>
  <b class="rc4"></b>
  <b class="rc3"></b>
  <b class="rc2"><b></b></b>
  <b class="rc1>

IE: if you want the full forum rounded add first part at the top of the header and add the second part below <!-- content goes here --> at the bottom of your footer tenmplate but before the javascript coding or your profile will lose there tabs ;)
 
I can't get it to work Hoxx? U can support me? need my admin pass or something so u can log on to admincp on my vbulletin forum? Strange.
 
naamloosqc5.jpg


Fixed it, but i want a image as the background if that can, not that red. And if u see, the Footer corners adre to low and need to have thoe others black line. How?
 
Back
Top