vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=207715

How To Make A Scalable Header For Your Forums
by DieselMinded
08 Mar 2009 18:05

Alot of webmasters code and design for there monitor size , there site always looks perfect to them but what they dont realize is how bad it looks to others with different screen sizes

See Bad Design
http://www.dieselbookmarks.com/bombers/screen.jpg

Even the banner ads are aligned left :eek:

With wide screen monitors it looks real bad and un professional

So how do you get your header to accommodate just about all monitor sizes ?

I used multiple images .. 3 and justified the each one differently , left , center , right

and replaced this code in the DEFAULT VB header template

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

with this code

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

now the site suits all users with a scalable header

demo:
www.dieselbombers.com

grab the right side of your browser window and drag it in , the images move to accommodate the screen size .

Do your self a favor start a thread on your forum asking for screen shots of your home page , you may be suprized how different your site looks to others

DM

sensimilla 12 Mar 2009 08:39

could be useful in my next project, thanks

n_only 11 Apr 2009 20:57

I couldn't use your a scalable header on this forum:

http://www.shmmr.net/vb/

the header does not have stretching piont , other than header left-right sides

do you have a bright idea that could help me ?

madotds 12 Apr 2009 20:32

Thanks for that mate I was trying to work out how to do that :)

DieselMinded 14 Apr 2009 04:53

Quote:

Originally Posted by n_only (Post 1789171)
I couldn't use your a scalable header on this forum:

http://www.shmmr.net/vb/

the header does not have stretching piont , other than header left-right sides

do you have a bright idea that could help me ?

Possibly Change this


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

to this


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


n_only 14 Apr 2009 09:28

1 Attachment(s)
thanks for your reply

but .. that did not work fine with me. there are an open space between "left & right" cell

DieselMinded 14 Apr 2009 16:49

dont use "px" to justify your image use a % and make your image all 1 file

dbirosel 15 Apr 2009 15:56

Sweet article. I'll do this for sure when I get home!

DieselMinded 18 Jul 2009 19:49

Good Luck !

1Unreal 23 Jul 2009 16:06

Nice article. Thanks!

DieselMinded 17 Aug 2009 00:33

Glad it helped

narhot 07 Sep 2010 02:52

A good idea and a wonderful Forum member hand
thanks my brother


All times are GMT. The time now is 22:23.

Powered by vBulletin® Version 3.8.12
Copyright © 2019, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.