Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
How To Make A Scalable Header For Your Forums
DieselMinded
Join Date: Mar 2007
Posts: 1,655

by DieselMinded DieselMinded is offline 08 Mar 2009

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


Even the banner ads are aligned left

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

Last edited by DieselMinded; 08 Mar 2009 at 19:12..
Views: 6598
Reply With Quote
Comments
  #2  
Old 12 Mar 2009, 09:39
sensimilla sensimilla is offline
 
Join Date: Dec 2004
Real name: Eric Estrada
could be useful in my next project, thanks
Reply With Quote
  #3  
Old 11 Apr 2009, 21:57
n_only n_only is offline
 
Join Date: Oct 2003
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 ?
Reply With Quote
  #4  
Old 12 Apr 2009, 21:32
madotds's Avatar
madotds madotds is offline
 
Join Date: Oct 2007
Thanks for that mate I was trying to work out how to do that
Reply With Quote
  #5  
Old 14 Apr 2009, 05:53
DieselMinded's Avatar
DieselMinded DieselMinded is offline
 
Join Date: Mar 2007
Originally Posted by n_only View Post
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.

__________________
Is your forum registered? - https://www.forumregister.com
Reply With Quote
  #6  
Old 14 Apr 2009, 10:28
n_only n_only is offline
 
Join Date: Oct 2003
thanks for your reply

but .. that did not work fine with me. there are an open space between "left & right" cell
Attached Images
File Type: jpg scalable-header-test1.jpg (43.0 KB, 49 views)
Reply With Quote
  #7  
Old 14 Apr 2009, 17:49
DieselMinded's Avatar
DieselMinded DieselMinded is offline
 
Join Date: Mar 2007
dont use "px" to justify your image use a % and make your image all 1 file
__________________
Is your forum registered? - https://www.forumregister.com
Reply With Quote
  #8  
Old 15 Apr 2009, 16:56
dbirosel dbirosel is offline
 
Join Date: Feb 2007
Real name: Dante
Sweet article. I'll do this for sure when I get home!
Reply With Quote
  #9  
Old 18 Jul 2009, 20:49
DieselMinded's Avatar
DieselMinded DieselMinded is offline
 
Join Date: Mar 2007
Good Luck !
__________________
Is your forum registered? - https://www.forumregister.com
Reply With Quote
  #10  
Old 23 Jul 2009, 17:06
1Unreal 1Unreal is offline
 
Join Date: Jul 2008
Real name: Ben
Nice article. Thanks!
Reply With Quote
  #11  
Old 17 Aug 2009, 01:33
DieselMinded's Avatar
DieselMinded DieselMinded is offline
 
Join Date: Mar 2007
Glad it helped
__________________
Is your forum registered? - https://www.forumregister.com
Reply With Quote
  #12  
Old 07 Sep 2010, 03:52
narhot's Avatar
narhot narhot is offline
 
Join Date: Dec 2007
A good idea and a wonderful Forum member hand
thanks my brother
Reply With Quote
Reply



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

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 23:57.

Layout Options | Width: Wide Color: