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.

[denman75]

thanks looking good

[GamerPerfection]

Thanks for this, looks good on my test site. Only thing is that on CMS this affects the page title too on each section.

EDIT: I just noticed this is in Forum Home Enchancements. my bad.

[COL NIL SATIS]

tagged....will install this tomorrow ...looks fantastic by the way ,awesome stuff Borbole

[joomla]

was wonderful, thank you

[borbole]

Thank you for your feedbacks/comments guys. Glad to see that you like it

[kmohamed]

thanx is great but i am trying to reduce the amount of images in my site because it has a great impact on the site speed
but i really luv it
tag for latter use

[julaga]

cool. it works man

[GamerPerfection]

Originally Posted by borbole

Thank you for your feedbacks/comments guys. Glad to see that you like it

Are you able to do it for CMS?

[borbole]

Originally Posted by kmohamed

thanx is great but i am trying to reduce the amount of images in my site because it has a great impact on the site speed
but i really luv it
tag for latter use

Those images shouldn''t have any affect on forum speed and performance. think of it like more or less installing a new theme, but much lighter.

Originally Posted by julaga

cool. it works man

Glad to hear it. Enjoy it

Originally Posted by funmasti

it's really cool

Thanks.

Originally Posted by clarkey25

Are you able to do it for CMS?

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