vb.org Archive - Full Width Header, 800px Body

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

- vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)

- - Full Width Header, 800px Body (https://vborg.vbsupport.ru/showthread.php?t=234560)

PukkaBen

01-30-2010 05:26 PM

Full Width Header, 800px Body

1 Attachment(s)

I'm not sure if this is going to be possible period but I'd like my header to run 100% and the body to run 800 or so wide as I have my whole forum setup at the moment. I have attached an image to show this, but please don't be fooled this is something I made in photoshop, you can see my actual forums at http://www.pukkaradio.net.

I'd like to get them exactly as shown in the image and it would be awesome if I could get them that way!! If anyone has any knowledge on this it would be much appreciated.

Lynne

01-30-2010 05:56 PM

set your body width to 100% (you currently have it set to 952px or something like that). Then, give a left/right margin to the class .body_wrapper. You can look those up in the templates and see if they use stylevars.

PukkaBen

01-30-2010 06:27 PM

Thanks for the reply Lynne. I'm not sure what you mean by the left/right margin to the class .body_wrapper. Where would I look for these? Just do a search in templates?

--------------- Added [DATE]1264883750[/DATE] at [TIME]1264883750[/TIME] ---------------

I have found this...

Code:

.body_wrapper {

        padding: 0 {vb:math 2 * {vb:stylevar padding}} {vb:math {vb:stylevar padding}*2};

        background: {vb:stylevar body_background};

        -moz-border-radius: {vb:stylevar border_radius};

        -webkit-border-radius: {vb:stylevar border_radius};

}

But I have no idea what to change or anything!! Would there be a way to keep the main width of it to 952 or would that be totally gone as it would depend on the width of the users screen? I.E. I'm just setting a set width either side as padding rather than the width of the middle?

Lynne

01-30-2010 08:25 PM

You need to add a margin to that class. You can add this to the very end of that css file where you found it.

HTML Code:

.body_wrapper { margin: 0 20px;}

PukkaBen

01-31-2010 12:39 PM

Thanks Lynne!!

Bram H

03-22-2011 12:33 PM

Having the same questions but don't understand the answers. Where do i find this class .body_wrapper thingy?

Lynne

03-22-2011 03:25 PM

Quote:

Originally Posted by Bram H (Post 2176177)

Having the same questions but don't understand the answers. Where do i find this class .body_wrapper thingy?

Do a Search in Templates for ".body_wrapper" and you will find it defined.

Bram H

03-29-2011 11:45 AM

Then i get 3 hits:

stylegenerator.css
userprofile.css
vbulletin.css

Lynne

03-29-2011 04:32 PM

And did you look in those templates to see where the margin is defined?

Or, just change it in the additional.css template.

Bram H

03-31-2011 07:13 PM

For you its all easy to do but for us earthlings we need a little more info how to do this :)

All times are GMT. The time now is 11:48 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01353 seconds Memory Usage 1,728KB 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 (1)bbcode_code_printable (1)bbcode_html_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (10)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: