Spice Up Your Forum Look. Rounded Corners For All Browsers

[borbole]

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]

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

Are you able to do it for CMS?

[borbole]

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.

cool. it works man

Glad to hear it. Enjoy it :)

it's really cool

Thanks.

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.

[dondino]

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.

https://vborg.vbsupport.ru/

[COL NIL SATIS]

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

http://i276.photobucket.com/albums/kk21/clarkey28/corners.jpg

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]

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]

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?

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.

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;
}

[Welshy2008]

Thank You - Tagged. :)

[borbole]

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 :)

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]

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]

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]

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]

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]

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?

[Jacob_ITAPros]

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]

Thank you borbole,
regards

You are welcome :)

[borbole]

Did you manage to fix the issue Jacob_ITAPros?

[Jacob_ITAPros]

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 ?

[Jacob_ITAPros]

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.

Oh it was completely my fault. I went back to see if it was the fault of another mod and it was not. When I was copying and pasting, I managed to mess something up. Fortunately I back up and version my changes so I was able to catch it.

[JasonReynolds]

This messed up my site :(

[borbole]

This messed up my site :(

Are you sure that you made the edits properly? Because there is no way that this mod messes up one''s forum in any way, form or shape, if it is installed properly, that is.

P.s. Can you post the link to your forum btw?

[sbsforum.us]

Works great, had to make some changes for my site but was very easy to get working!! Thank you

[borbole]

Works great, had to make some changes for my site but was very easy to get working!! Thank you

You are welcome.

[lubbie]

Thanks

[Hateman]

Hello,

since the Update to 4.0.8 it dosen't work in the CMS Header. Any Idea?

[borbole]

Hello,

since the Update to 4.0.8 it dosen't work in the CMS Header. Any Idea?

I can''t really say as I don''t use the Cms.

[Hateman]

Hi,

who know the template changes for the cms header?

[slliks1]

Great..Loved it.

[Hateman]

Any body?

https://vborg.vbsupport.ru/showpost.php?p=2118939&postcount=49

[Mo HaRbI]

good work
well done
Thanks

[jflowers]

Hi,

who know the template changes for the cms header?

Mod worked for me as instructed above for the default template and CMS. Worked after 2 upgrades and the new patches, 4.0.8 Patch Level 2


-----------------

BUT...having trouble getting it to work with 2 newly installed mods.

Borbole, can you offer any help getting it to work with microClassifieds and Links and Downloads?

https://vborg.vbsupport.ru/showthread.php?t=250536
https://vborg.vbsupport.ru/showthread.php?t=231407

Thanks!

[K!nG]

Hmmmm just working fi9 on 4.1.5 and thanks for nice mod. :)

[hasidoo]

excellent. thank you :)