vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   Style and Graphics Requests (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=226)
-   -   Logo does not work with different screen sizes. (https://vborg.vbsupport.ru/showthread.php?t=229938)

drjdh 12-10-2009 08:18 PM

Logo does not work with different screen sizes.
 
1 Attachment(s)
I'm new to vBulletin and css. I'm having trouble formatting my logo which I created with photoshop. I formatted the logo to fit with my home widescreen monitor, but when I view the page on a smaller monitor the image is no longer centered, but is moved to the right :(

I have tried to break the image up into three pieces, but the image that I have does not look right when repeated.

attached is an image on my large monitor and small monitor.

Here is my Logo Code:


<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
&nbsp;
</td>
</tr>
</table>


<!-- /logo -->


What can I do to remedy this situation?
Any help is greatly appreciated!

- Jerry

Seven Skins 12-11-2009 09:28 AM

You need to make a logo of less width e.g. 950px and when some one uses a smaller resolution 1024x768 it will be in the middle.

PS. These days only few (may be less then 1%) of the people use resolution below 1024x768 so you will not have this issue.

.

drjdh 12-11-2009 03:26 PM

But I would like to have the logo area stretch all the way across the screen. Is there a way to do this?

Seven Skins 12-11-2009 04:12 PM

1 Attachment(s)
Then you have to make a logo in at least 2 parts.
1 background image ... repeating horizontally. (Example image attached)
1 logo with transparent backgroup.

So your code could be:

HTML Code:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr style="background: url(background.png) repeat-x top left">
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->


drjdh 12-11-2009 05:27 PM

Thanks Seven Skins!

I broke it up into 3 pieces using this simple code:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="50%" style="background-image: url(/images/styles/bluebox/misc/head_left.gif); background-repeat: repeat-x;">&nbsp;</td>
<td><img src="/images/styles/bluebox/misc/headbg2.gif" alt="" /></td>
<td width="50%" style="background-image: url(/images/styles/bluebox/misc/head_right.gif); background-repeat: repeat-x;">&nbsp;</td>

</tr>
</table>


It seems to be working well. :D

I'll likely have to modify it at a later time in order to add sponsors, etc, but I'm happy with it now!

- Jerry

Seven Skins 12-11-2009 08:16 PM

Yes, This will work too. Where is logo going in the middle TD?

.

drjdh 12-14-2009 03:20 AM

Yes, I wanted the main part of the logo to stay in the middle of the screen and the two wings to grow and shrink to accommodate different screen sizes.

Thanks for your help!

I'd been working on this for the past several days. :up:


All times are GMT. The time now is 10:06 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

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