Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
  #1  
Old 06-18-2009, 10:04 PM
MonCher MonCher is offline
 
Join Date: Oct 2008
Location: The OC
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Size of Header Graphic

vB Version 3.8.2
Site: http://www.4DateTalk.com

I had a Header graphic designed for my site and it's too short for the length of the tables.
I'd like it to go across the entire length of the tables. Does anyone know what is a good
length so that it covers the length of a standard forum. The designer needs it in pixcels.

If someone could help I would really appreciate it.
Thanks,
Cher
Reply With Quote
  #2  
Old 06-19-2009, 02:18 AM
Outbackmark's Avatar
Outbackmark Outbackmark is offline
 
Join Date: Jun 2007
Posts: 125
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The image is presently 922 pix so get the designer to make it 1080 and see how you go, these things can be a bit of trial and error and on some sites I have included a background to take up the space by adding it into the header like this
Code:
<td align="$stylevar[left]" background="$stylevar[imgdir_misc]/headerbg.gif">&nbsp;</td>
<td background="$stylevar[imgdir_misc]/headerbg.gif" align="$stylevar[center]"><a href="$vboptions[forumhome].php$session[sessionurl_q]">
<img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" background="$stylevar[imgdir_misc]/headerbg.gif">&nbsp;</td>
Try the attached image I have resized it as suggested and see how you go.
Attached Images
File Type: jpg 4date1.jpg (25.2 KB, 0 views)
Reply With Quote
  #3  
Old 06-19-2009, 03:15 AM
MonCher MonCher is offline
 
Join Date: Oct 2008
Location: The OC
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Mark,

Thank you!!! That was really helpful. I put it on the site to see how it would look but I need to see it on a pc (I'm on a mac). Then, I can hand it over to my designer. On my mac it looks perfect right now. The code that you add in the background... did you place that on the main

Styles and templates -- Style Manager -- edit template -- header

I'm just trying to make sure I don't kill the board
Reply With Quote
  #4  
Old 06-19-2009, 03:57 AM
Outbackmark's Avatar
Outbackmark Outbackmark is offline
 
Join Date: Jun 2007
Posts: 125
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Don't change the header code at this time, if you do come to the conclusion you need to add background spacers I will give you the full code to add into your CSS for the header. Let's see if the resize works 1st. The only problem with resizing can be that the image gets too deep and half fills the page but i think it will be OK.
I am on a PC and it needs just a tad more, try the one attached here.
Attached Images
File Type: jpg 4date2.jpg (25.0 KB, 0 views)
Reply With Quote
  #5  
Old 06-19-2009, 09:30 PM
MonCher MonCher is offline
 
Join Date: Oct 2008
Location: The OC
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Mark,

Gosh you've been such a big help! I really appreciate all of your support! I tried to upload the new banner but it seems to be 1024 x 200 too. Was the second one still 1024 x 200 too but
still slightly larger in some way? I'll try up-loading it just in case.

I didn't change the code. I think the banner will look great if it is the right size.
Reply With Quote
  #6  
Old 06-20-2009, 11:07 PM
Outbackmark's Avatar
Outbackmark Outbackmark is offline
 
Join Date: Jun 2007
Posts: 125
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

OK the forum is resizing it to 1024, this one is zipped so should be OK, I have included both images in the zipped folder.
Attached Files
File Type: zip 4date.zip (139.6 KB, 3 views)
Reply With Quote
  #7  
Old 06-20-2009, 11:27 PM
MonCher MonCher is offline
 
Join Date: Oct 2008
Location: The OC
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks Mark,

I just downloaded the file. I'll lift the new version up to the server and see how it works.
Everyone is already saying that the last version looks so much better than the original
sized graphic. Hopefully this size will be perfect.

--------------- Added [DATE]1245545116[/DATE] at [TIME]1245545116[/TIME] ---------------

Mark,

RE: 1120 X 219

If you're still on-line, can you check the site to see how your computer monitor is
showing this. Mine shows it as being exactly meeting the white pat of the table
so it looks fine. But, I called someone else on an IMac and they said it is short again.
The other version was better.
Reply With Quote
  #8  
Old 06-21-2009, 12:31 AM
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Posts: 687
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Actually - you can make your site header so that it fits all background 1024x768 and larger - You'll need to size your header so that it's 1024 in width - then splice it into three pieces - one of the pieces will be a bit of repeated background coded in css - the other pieces will be the left logo section and the right header section.

It's not too difficult to accomplish. See This Post for similar code you'd use.

This type of header code is very good for all fluid styles so that the header shows the same on most all resolutions = HTH

Jacquii.
Reply With Quote
  #9  
Old 06-21-2009, 12:52 AM
MonCher MonCher is offline
 
Join Date: Oct 2008
Location: The OC
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Jacquii,

I was wondering how header were made for fluid tables. I just took a look at the thread,
I think I'll try at again tomorrow. Boy, I never thought this part would take so much time
...LOL

I really appreciate everyone's time
Reply With Quote
Reply

Thread Tools
Display Modes

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

Forum Jump


All times are GMT. The time now is 12:31 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04211 seconds
  • Memory Usage 2,260KB
  • Queries Executed 14 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (9)post_thanks_box
  • (9)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (9)post_thanks_postbit_info
  • (9)postbit
  • (3)postbit_attachment
  • (9)postbit_onlinestatus
  • (9)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete