The Arcive of vBulletin Modifications Site.

manguish · #1 01-01-2005, 12:46 PM

At the top of the forum pages everyone obviously has their logo.

I also want to add a banner next to it - no problem.

BUT.

If i view it in my 1152x864 screen it looks fine. If someone in 800x600 (for example) looks at it - its all off to the right side of the screen (creating a scroll bar).

How can i auto resize it to not so this? Will it involve using conditionals and differing banners to achieve the "fit on page" scenario?

SVTBlackLight01 · #2 01-01-2005, 06:44 PM

I don't know how to do it, but to point you in the right direction, it will require the use of JavaScript to detect the users resolution.

SVTBlackLight01 · #3 01-01-2005, 07:11 PM

I found this code that should do what you need.

Code:

<html>
<head>
<script>

window.onload = setBanner;

function setBanner()
{
  var w = screen.availWidth;
  var i = document.getElementById('banner');
  if (w >= 1000) {
	i.src = 'image_big.jpg'
  }
  else if (w >= 700) {
	i.src = 'image_medium.jpg'
  }
  else {
	i.src = 'image_small.jpg'
  }
}
</script>
</head>
<body>

<img id='banner' src=''>

</body>
</html>

Guy G · #4 01-01-2005, 07:15 PM

make sure that the table width is at percentage and not pixels.
example, width="50%" and not width="350pix"

manguish · #5 01-02-2005, 02:29 PM

Cheers - i'll give it a go and report back

funinthesun · #6 04-20-2006, 09:04 PM

Where do you put that code?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05588 seconds Memory Usage 4,680KB Queries Executed 11 (?)
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 (6)post_thanks_box (6)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (6)post_thanks_postbit_info (6)postbit (6)postbit_onlinestatus (6)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_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 tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages: