Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 15 Feb 2014, 00:27
temsamane temsamane is offline
 
Join Date: Sep 2010
Full Width Header, 1000px body

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



Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

did not work for me
__________________
Temsamane

Last edited by temsamane; 15 Feb 2014 at 00:36.
Reply With Quote
  #2  
Old 15 Feb 2014, 01:02
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
max-width 100%
Reply With Quote
  #3  
Old 15 Feb 2014, 12:04
temsamane temsamane is offline
 
Join Date: Sep 2010
I tried


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

nothing is changed.
__________________
Temsamane

Last edited by temsamane; 15 Feb 2014 at 12:19.
Reply With Quote
  #4  
Old 15 Feb 2014, 14:48
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
I'm a total clueless oaf when it comes to vBulletin version 5. Someone knowledgeable like Lynne will be along, stay patient.
Reply With Quote
  #5  
Old 24 Feb 2014, 18:50
jessicajonnie jessicajonnie is offline
 
Join Date: Jan 2014
I'm trying to do this as well. Thanks!
Reply With Quote
  #6  
Old 24 Feb 2014, 19:14
RichieBoy67's Avatar
RichieBoy67 RichieBoy67 is offline
 
Join Date: Apr 2004
Real name: Richie
Did you change this in Stylavars as well?

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

Let us take care of your forum, seo, seo reports, maintenance, what ever you need.

Reply With Quote
  #7  
Old 25 Feb 2014, 00:14
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
You can do something like this but your site will not display nicely on mobile devices.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #8  
Old 25 Feb 2014, 00:20
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Originally Posted by Seven Skins View Post
You can do something like this but your site will not display nicely on mobile devices.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
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?
Reply With Quote
  #9  
Old 25 Feb 2014, 00:26
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
Not sure .. I haven't used/played around too much with vb5 yet ... lol
Reply With Quote
  #10  
Old 25 Feb 2014, 00:32
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Originally Posted by RichieBoy67 View Post
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.
Reply With Quote
  #11  
Old 25 Feb 2014, 00:39
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
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:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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.
Reply With Quote
  #12  
Old 25 Feb 2014, 01:04
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
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.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #13  
Old 25 Feb 2014, 01:45
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
That's handy for repeating a small image to fill the width.
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 14:24.

Layout Options | Width: Wide Color: