vb.org Archive - Full Width Header, 1000px body

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

- vB5 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=264)

- - Full Width Header, 1000px body (https://vborg.vbsupport.ru/showthread.php?t=308377)

Full Width Header, 1000px body

How can i create a full width header in vb5? (body 800 px)

PHP Code:


		
			
#header .site-logo img {width: auto; max-width:none;}

did not work for me

I tried

PHP Code:


		
			
#header .site-logo img {width: auto; max-width 100%;}

nothing is changed.

I'm a total clueless oaf when it comes to vBulletin version 5. Someone knowledgeable like Lynne will be along, stay patient.

I'm trying to do this as well. Thanks!

Did you change this in Stylavars as well?

Also, if you are using width 100% you do not need auto.

You can do something like this but your site will not display nicely on mobile devices.

Code:

#header .site-logo {

        min-width:800px;

        max-width:8000px;

}

#header .site-logo img {

        height: 100px;

        width:800px;

        max-width:800px;

}

Quote:

Originally Posted by Seven Skins (Post 2483529)

You can do something like this but your site will not display nicely on mobile devices.

Code:

#header .site-logo {

        min-width:800px;

        max-width:8000px;

}

#header .site-logo img {

        height: 100px;

        width:800px;

        max-width:800px;

}

I think that would work for what the OP appears to be asking. Not sure how vB5 treats mobile browsers - does it have a app or a separate style for those?

Not sure .. I haven't used/played around too much with vb5 yet ... lol

Quote:

Originally Posted by RichieBoy67 (Post 2483496)

Did you change this in Stylavars as well?

Also, if you are using width 100% you do not need auto.

I missed that in his post. Yes this would seem to negate the max-width definition completely.

Here's what I do on this, in vBulletin3.8.x. No reason I know of that it wouldn't also work on versions 4 and 5.

Image code:

HTML Code:

<a name="top"></a>

<td valign="top" style="padding: 0pt;"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<td align="center"><a href="./"><img class="imageObject" alt="Your Forum Name" src="http://yoursite.com/images/misc/yourbannerimage.jpg" width="100%" height="100%" border="0" align="center" /></TD></table>

Then in extra CSS attributes, define the img class for IE compliance: (This is a MUST.)

.imageObject {
max-width: 100%;
}

And that's it.

Live examples:

The Dallas Cowboys Forums - Dallas Cowboys fan forum

US Messageboards - Opinion, News and Information

You can see the header image adjusts to your browser width. As you make it skinny, or wide, it moves like a 3 piece header would. It also scales down to whatever size any mobile browser would be.

BEST RESULTS: Make your banner image large in size, 1920 wide by whatever you want the height to be on fullscreen, 170 is a nice size. This way we are only ever scaling the image DOWN, not up and this really helps the quality for bigger screens.

Do you mean like here - http://mudslide.vbulletin.net/ ?

Edit the header_background stylevar and under Background Image enter "url(http://url.to/image.png)" and repeat-x (or no repeat if it is the exact width) . I think that should do it.

That's handy for repeating a small image to fill the width.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)bbcode_html_printable (2)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (13)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:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01070 seconds Memory Usage 1,744KB 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 (2)bbcode_code_printable (1)bbcode_html_printable (2)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (13)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: