Forum Home Enhancements - Spice Up Your Forum Look. Rounded Corners For All Browsers

This will give your forum the cool rounded corners in all the browsers spiced up with the cool shadow.


At the header template add the following code at the top, above everything:

<div class="header">
<div class="headerleft">
<div class="headerright">
</div>
      </div>
            </div>
<div id="allwrapper"><!-- closing tag is in footer template -->

At the navbar template, find the following code and either remove it or comment it out:

<div class="body_wrapper">

Att the footer template find the following code and either remove it or comment it out:

</div> <!-- closing div for body_wrapper -->

Then, at the very end add the following code:

</div><!-- closing div for allwrapper -->
<div class="footerround">
<div class="footerleft">
<div class="footerright">
</div>
     </div>
           </div>

And as last but not least, at the additional.css template add the following code:

/* Rounded corners in Vb */

.header{
padding : 0;
margin : 0;
background : url(images/misc/header.png) repeat-x;
height : 46px;
} 

.headerleft  {
padding : 0;
margin : 0;
background : url(images/misc/headerleft.png) no-repeat 0% 0%;
height : 46px;
}
.headerright {
padding : 0;
margin : 0;
background : url(images/misc/headerright.png) no-repeat 100% 0%;
height : 46px;
}

#allwrapper  {
background : #FFFFFF;
padding : 0 14px 0 14px;
} 

.footerround {
padding : 0;
margin : 0;
background : url(images/misc/footer.png) repeat-x;
height : 106px;
} 

.footerleft  {
padding : 0;
margin : 0;
background : url(images/misc/footerleft.png) no-repeat 0% 0%;
height : 106px;
}
.footerright {
padding : 0;
margin : 0;
background : url(images/misc/footerright.png) no-repeat 100% 0%;
height : 106px;
}

Then upload the images at the misc folder in your images directory.



A screenshot with the end result and the images are atatched below.

[dondino]

Originally Posted by borbole

It shouldn''t be too hard but the thing is that I don''t use the cms to test it.

maybe if any of us can make up for you a temporary test forum (with cms) you can accomplish this?
It would be cool for the ones using CMS as well to have the same forum look....

[GamerPerfection]

It does work on CMS, the only issue is that it also affects the section title too. See image below.

[COL NIL SATIS]

Originally Posted by clarkey25

It does work on CMS, the only issue is that it also affects the section title too. See image below.

Nice site Clarkey :up:

[GamerPerfection]

Thanks.
The site in the screenshot is my test site where i am building my own style. It's lots of fun, but hard work. But great when you find template edits like this.

[COL NIL SATIS]

Originally Posted by clarkey25

Thanks.
The site in the screenshot is my test site where i am building my own style. It's lots of fun, but hard work. But great when you find template edits like this.

looks great bud,also some nice mods showing too ...very impressive!!!!

[GamerPerfection]

Fixed it, I just edited out the header title for the sections, now there's no wierd header.

[tarzan22]

Very good, but for me only works in default style, not the
others

regards

[borbole]

Originally Posted by dondino

maybe if any of us can make up for you a temporary test forum (with cms) you can accomplish this?
It would be cool for the ones using CMS as well to have the same forum look....

Did you try it because according to clarkey25 it works fine in cms as well?

Originally Posted by clarkey25

Fixed it, I just edited out the header title for the sections, now there's no wierd header.

Glad to hear that you got it solved. Can you post the fix here so it can help other users who use cms and might have the same issue? Because myself I don''t have the cms and won''t be much help there.

Originally Posted by tarzan22

Very good, but for me only works in default style, not the
others

regards

It should work on all themes. What theme are you using?

[Jacob_ITAPros]

Hi. In Opera 10.53 and IE 8 (both the latest versions) the header is completely white where it once was default blue. This appears to work fine in all other browsers. I've cleared all cache and repeatedly tested this and can't seem to shake it. I'll head into the css now and see if I can't fix it.

[Jacob_ITAPros]

It appears the issue is with this statement:

.whiteshadow  {
background : #FFFFFF;
padding : 0 12px 0 12px;
}