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

Page 1 of 2

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - Spice Up Your Forum Look. Rounded Corners For All Browsers (https://vborg.vbsupport.ru/showthread.php?t=242968)

borbole

05-19-2010 10:00 PM

Spice Up Your Forum Look. Rounded Corners For All Browsers

1 Attachment(s)

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:

HTML Code:

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

HTML Code:

<div class="body_wrapper">

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

Code:

</div> 

Then, at the very end add the following code:

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

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

05-20-2010 02:34 PM

thanks looking good :)

GamerPerfection

05-20-2010 03:27 PM

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

05-20-2010 07:50 PM

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

joomla

05-20-2010 08:09 PM

was wonderful, thank you

borbole

05-20-2010 08:19 PM

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

kmohamed

05-20-2010 11:23 PM

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

05-21-2010 12:16 AM

cool. it works man

GamerPerfection

05-21-2010 08:28 AM

Quote:

Originally Posted by borbole (Post 2040758)

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

Are you able to do it for CMS?

borbole

05-21-2010 01:42 PM

Quote:

Originally Posted by kmohamed (Post 2040862)

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.

Quote:

Originally Posted by julaga (Post 2040891)

cool. it works man

Glad to hear it. Enjoy it :)

Quote:

Originally Posted by funmasti (Post 2041105)

it's really cool

Thanks.

Quote:

Originally Posted by clarkey25 (Post 2041167)

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

05-21-2010 02:25 PM

Quote:

Originally Posted by borbole (Post 2041361)

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

05-21-2010 02:56 PM

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

05-21-2010 03:12 PM

Quote:

Originally Posted by clarkey25 (Post 2041390)

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/k...28/corners.jpg

Nice site Clarkey :up:

GamerPerfection

05-21-2010 03:48 PM

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

05-21-2010 04:10 PM

Quote:

Originally Posted by clarkey25 (Post 2041426)

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

05-22-2010 09:53 AM

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

tarzan22

05-22-2010 10:32 AM

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

regards

borbole

05-22-2010 01:57 PM

Quote:

Originally Posted by dondino (Post 2041378)

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?

Quote:

Originally Posted by clarkey25 (Post 2041809)

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.

Quote:

Originally Posted by tarzan22 (Post 2041820)

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

05-23-2010 03:26 AM

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

05-23-2010 03:55 AM

It appears the issue is with this statement:

Code:

.whiteshadow  {

background : #FFFFFF;

padding : 0 12px 0 12px;

}

Welshy2008

05-23-2010 01:02 PM

Thank You - Tagged. :)

borbole

05-23-2010 01:27 PM

Quote:

Originally Posted by Jacob_ITAPros (Post 2042089)

It appears the issue is with this statement:

Code:

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

Quote:

Originally Posted by Welshy2008 (Post 2042207)

Thank You - Tagged. :)

You are welcome :)

Jacob_ITAPros

05-23-2010 01:29 PM

1 Attachment(s)

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

05-23-2010 01:31 PM

Quote:

Originally Posted by borbole (Post 2042220)

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

05-23-2010 01:40 PM

Quote:

Originally Posted by Jacob_ITAPros (Post 2042222)

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

05-23-2010 01:51 PM

Quote:

Originally Posted by borbole (Post 2042229)

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

05-23-2010 01:58 PM

Quote:

Originally Posted by Jacob_ITAPros (Post 2042236)

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

05-24-2010 04:44 PM

Updated.

Jacob_ITAPros

05-25-2010 01:30 AM

Quote:

Originally Posted by borbole (Post 2042750)

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

05-25-2010 10:44 AM

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

Jacob_ITAPros

05-25-2010 11:05 AM

Quote:

Originally Posted by borbole (Post 2043091)

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

05-25-2010 11:13 AM

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

05-25-2010 09:16 PM

Thank you borbole,
regards

borbole

05-25-2010 09:40 PM

Quote:

Originally Posted by TheTrust (Post 2043349)

Thank you borbole,
regards

You are welcome :)

borbole

05-26-2010 09:42 PM

Did you manage to fix the issue Jacob_ITAPros?

Jacob_ITAPros

05-27-2010 11:56 PM

Quote:

Originally Posted by borbole (Post 2043799)

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

05-30-2010 02:08 AM

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

05-30-2010 02:58 PM

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

05-31-2010 05:29 AM

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	05-31-2010 06:23 AM

how to make SHOWPOST rounded corners too ?

All times are GMT. The time now is 05:26 PM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02417 seconds Memory Usage 1,837KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (3)bbcode_html_printable (21)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: