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.

[Jacob_ITAPros]

Originally Posted by borbole

Can I see the link to your forum please where you installed this?

http://www.itautomationpros.com/

It's shut down for now but you still should be able so see what I'm talking about through the different browsers. If necessary I can create an account for you to log in. I will not be available until about 8:00pm EST.

[borbole]

Indeed. That is strange because I have applied this to half a dozen forums, mine and of mine clients, and it shows fine on all browsers. Can you give me access to your test forum so I can make the edits there myself? You will have to upload the images in your mics folder and I will take it from there.

[TheTrust]

Thank you borbole,
regards

[borbole]

Originally Posted by TheTrust

Thank you borbole,
regards

You are welcome

[borbole]

Did you manage to fix the issue Jacob_ITAPros?

[Jacob_ITAPros]

Originally Posted by borbole

Did you manage to fix the issue Jacob_ITAPros?

I'm sorry Borbole, unfortunately I haven't I've been swamped with some other work. I'm going to take a hard look at it tonight and if I can not resolve it I will attempt to contact you for some advice. I appreciate you keeping up.

[Jacob_ITAPros]

Hi Borbole, I've fixed the issue that I was having. There was a slight syntax error from a previous mod that I've uninstalled that was left remained. Basically it was a pice of commented code in the header that had <!-- comment --!> for the comment syntax. As you know the closing bracket shouldn't have an exclamation point in it. However, none of the browsers seemed to care about it accept for IE8 and Opera. Weird. Anyways, I removed it, the mod works fine and I think this one is great. 5 Stars.

[borbole]

Glad to hear that you got it solved Jacob_ITAPros. Enkoy it

What mod was that, that it conflicted? So it might help other users as well in the future who might run into the same difficulties.

[gaitantkd]

Excellent mod works perfect just one question bro how do i make header round too inside? like http://www.itautomationpros.com/ website i mean header by the area of logo login etc i only get corners Thanks

[kawe]

how to make SHOWPOST rounded corners too ?