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.

[Welshy2008]

Thank You - Tagged.

[borbole]

Originally Posted by Jacob_ITAPros

It appears the issue is with this statement:

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

You can change the colors and/or images to suit your forum situation. Anyway, thank you for your feedback/comment

Originally Posted by Welshy2008

Thank You - Tagged.

You are welcome

[Jacob_ITAPros]

Attached is a screen shot of what I'm experiencing. There appears to be an issue in the footer "menu" as well. Anyone else experiencing this?

[Jacob_ITAPros]

Originally Posted by borbole

You can change the colors and/or images to suit your forum situation. Anyway, thank you for your feedback/comment

Borbole, the issue isn't the color of the background and what I wish it to be, it's the fact that the header is blanked out, as if the color for the div in the header is being overriden. If I attempt to change this color, it still washes out everything and doesn't allow for the header to appropriately render it's own div properties. I've attached a screenshot, maybe this is an issue that I'm alone in experiencing.

[borbole]

Originally Posted by Jacob_ITAPros

Borbole, the issue isn't the color of the background and what I wish it to be, it's the fact that the header is blanked out, as if the color for the div in the header is being overriden. If I attempt to change this color, it still washes out everything and doesn't allow for the header to appropriately render it's own div properties. I've attached a screenshot, maybe this is an issue that I'm alone in experiencing.

That is strange. I haven''t reproduced this issue. I have tried it with several browser and everything is fine. About the color/image changes I meant so it can be adjusted to different forum situations as in forums using other custom themes.

[Jacob_ITAPros]

Originally Posted by borbole

That is strange. I haven''t reproduced this issue. I have tried it with several browser and everything is fine. About the color/image changes I meant so it can be adjusted to different forum situations as in forums using other custom themes.

Ok, I'm using the "Advanced header Rework v2" mod. That was my only header mod before this. I am now wondering if there is a conflict somewhere. I'll remove that mod and see if this issue remains.

In the meantime I'm curious if anyone else can reproduce this. I'm beginning to lean towards a conflict issue. Regardless, I'll report back on my results.

[borbole]

Originally Posted by Jacob_ITAPros

Ok, I'm using the "Advanced header Rework v2" mod. That was my only header mod before this. I am now wondering if there is a conflict somewhere. I'll remove that mod and see if this issue remains.

In the meantime I'm curious if anyone else can reproduce this. I'm beginning to lean towards a conflict issue. Regardless, I'll report back on my results.

Try to install this at your fresh test forum and see if you will get there the issue as well. And let me know.

[borbole]

Updated.

[Jacob_ITAPros]

Originally Posted by borbole

Updated.

Still not working for me. I did try the other version on a fresh install, and got the same results as I did earlier.

On this one, the rounded corners and borders show up above and below the header and footer, but there is no "white" in between. I noticed that in this version you removed the css structure that was causing me some issues earlier.

I do like the look of this one and will continue to try to work on it as well.

***EDIT***
Ok, I got it to work, my last issue was my own error. I can confirm that this version works. Very nice. Thank you for making the change to this from that corrected the first version issues!

***Edit***
I spoke too soon. I'm having issues in IE8 and Opera, both the latest version of this mod. The header is not being rendered well at all and the footer only shows the images.

[borbole]

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