vb.org Archive - Suggestions for header redesign

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

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

- - Suggestions for header redesign (https://vborg.vbsupport.ru/showthread.php?t=306478)

Bryan Ex

12-31-2013 06:22 PM

Suggestions for header redesign

I like my site for the most part (few programming issues to fix) but ever since the change to wide screen monitors my header has bugged me due to the large empty spaces on either side. It looked fine on the old 3:2 monitors and added extra navigation. Stretching the image dynamically only screws up the fonts and image which probably means starting over on the header idea. Anyone know of some examples I should look at or have suggestions where to go with this next? I do want to keep links to the various sections of my website and don't want a header that is taller than what is there now but I do want to get much closer to the main wrapper table edges regardless of monitor screen ratio.

http://www.sugarbush.info/forums/index.php

- Bryan

nhawk

12-31-2013 08:29 PM

1 Attachment(s)

Probably the best way to do it would be to find or create an image larger than today's current screen size. Then put it in a div as the background. Put your menu image in the div over it. Something like...

Code:

<div id="page" style="background: url(4.jpg) no-repeat;height:120px;width:100%;text-align:center;vertical-align:bottom;overflow:hidden;">

        <img src="menu.png">

</div>

That would show part of the background like in sample1.jpg. And more of the background like in sample2.jpg.

Bryan Ex

12-31-2013 09:03 PM

Thank you! Exactly the type of idea I was hoping for. I'll work on this next snowy weekend. Much appreciated and Happy New Year.

Bryan Ex

01-03-2014 12:50 AM

Interesting... I need to find an image that doesn't have a "centre" to it. I will update this post once I have a finished version for review. nhawk - good job on the example image btw.

nhawk

01-03-2014 05:59 PM

That was this image...

http://westlife.northcoastnow.com/fi...2/img_2027.jpg

Trimmed down to 100px tall and the bottom black band added for a total of 120px tall.

All times are GMT. The time now is 07:07 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01103 seconds Memory Usage 1,718KB 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)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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: