The Arcive of Official vBulletin Modifications Site.

MarkFoster · #1 02-18-2009, 03:58 PM

Sorta like here on vborg...
I'd liek to place text on my logo on a certain part of it... but... My logo is 6 images.
If you go look at www.rarewarecentral.com then I would like to place text on the bottom right end.

Would there be a code anybody could post?

TigerC10 · #2 02-18-2009, 04:16 PM

That's all in the template header. If you go to your style, and either go to "Common Templates" or "Edit Templates" you'll find the logo code.

As for a logo with text on it, you'd have to put your image in the background of a div or a table - and then put the text in the foreground. With 6 images, it's hard for any of us to know what the logo is supposed to look like or where the text is supposed to be. Either way, I count 8 images in the logo on that site.

In the header you have something like...

Code:

<td width="956" height="15"><img src="styles/rwc_372/misc/rwc_bottomnav_top.png" width="956" height="15"></td>

I would do this...

Code:

<td width="956" height="15"><div style="width: 956px; height: 15px; background-image:url(styles/rwc_372/misc/rwc_bottomnav_top.png); text-align: right; font-size: 10px; color:#FFFFFF">This Is Some Sample Text</div></td>

Assuming you want the text to appear in the black bar on the bottom of the logo. If you want it elsewhere it would be kinda difficult to read.

MarkFoster · #3 02-18-2009, 04:23 PM

Quote:

Originally Posted by TigerC10

That's all in the template header. If you go to your style, and either go to "Common Templates" or "Edit Templates" you'll find the logo code.

As for a logo with text on it, you'd have to put your image in the background of a div or a table - and then put the text in the foreground. With 6 images, it's hard for any of us to know what the logo is supposed to look like or where the text is supposed to be. Either way, I count 8 images in the logo on that site.

I messed around with the exact div code your talking about once before only with images.
I was stuck for 15 hours, I need a code and not really information but thank you anyways.

TigerC10 · #4 02-18-2009, 04:27 PM

I accidentally hit the submit button before adding in the code, I edited it just before you replied. Sorry about that!

MarkFoster · #5 02-18-2009, 05:16 PM

Quote:

Originally Posted by TigerC10

I accidentally hit the submit button before adding in the code, I edited it just before you replied. Sorry about that!

Okay well maybe it is very complicated because I want the text on the right bottom end of http://www.rarewarecentral.com/forum...eader_mid2.png

TigerC10 · #6 02-18-2009, 06:49 PM

Same deal... Your code will look something like...

Code:

<td width="182" height="109"><img src="styles/rwc_372/misc/rwc_header_mid2.png" width="485" height="109"></td>

Replace it with...

Code:

<td width="182" height="109"><div style="width: 485px; height: 109px; background-image:url(styles/rwc_372/misc/rwc_header_mid2.png); text-align: right; font-size: 10px; color:#FF0000">This Is Some Sample Text</div></td>

I think one reason you might be having trouble with it, is the width and height setting for that TD tag... They don't match the picture inside the TD tag.

Also, it might be hard to read the text there since the background is such a wide variety of colors - you may want to wrap the This Is Some Sample Text in a span tag like so...

Code:

<span style="background-color: #000000; color: #FFFFFF">This Is Some Sample Text</span>

Just so it's easier to read.

MarkFoster · #7 02-18-2009, 08:02 PM

Quote:

Originally Posted by TigerC10

Same deal... Your code will look something like...

Code:

<td width="182" height="109"><img src="styles/rwc_372/misc/rwc_header_mid2.png" width="485" height="109"></td>

Replace it with...

Code:

<td width="182" height="109"><div style="width: 485px; height: 109px; background-image:url(styles/rwc_372/misc/rwc_header_mid2.png); text-align: right; font-size: 10px; color:#FF0000">This Is Some Sample Text</div></td>

I think one reason you might be having trouble with it, is the width and height setting for that TD tag... They don't match the picture inside the TD tag.

Also, it might be hard to read the text there since the background is such a wide variety of colors - you may want to wrap the This Is Some Sample Text in a span tag like so...

Code:

<span style="background-color: #000000; color: #FFFFFF">This Is Some Sample Text</span>

Just so it's easier to read.

That didn't work either, I think it's due to my code beign different.
Maybe you could post a changed version of it, here it is:

Code:

<table width="$stylevar[outertablewidth]" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0d150f">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr bgcolor="#000000">
        <td width="118" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left1.png" width="118" height="109"></td>
        <td width="102" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left2.png" width="102" height="109"></td>
        <td width="102" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left3.png" width="102" height="109"></td>
        <td width="149" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_mid1.png" width="149" height="109"></td>
        <td width="182" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_mid2.png" width="485" height="109"></td>
        <td width="303" height="109" background="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_right.png">

      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="956" height="15"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_bottomnav_top.png" width="956" height="15"></td>
<tr>
  </tr>
</table>

TigerC10 · #8 02-18-2009, 08:11 PM

Code:

<table width="$stylevar[outertablewidth]" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0d150f">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr bgcolor="#000000">
        <td width="118" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left1.png" width="118" height="109"></td>
        <td width="102" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left2.png" width="102" height="109"></td>
        <td width="102" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_left3.png" width="102" height="109"></td>
        <td width="149" height="109"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_mid1.png" width="149" height="109"></td>
        <td width="182" height="109"><div style="width: 485px; height: 109px; background-image:url(http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_mid2.png); text-align: right; font-size: 10px; color:#FF0000">This Is Some Sample Text</div></td>
        <td width="303" height="109" background="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_header_right.png">

      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="956" height="15"><img src="http://www.rarewarecentral.com/forums/images/styles/rwc_372/misc/rwc_bottomnav_top.png" width="956" height="15"></td>
<tr>
  </tr>
</table>

I highlighted the modified line in red. When I said the code you had was "something like" it meant that you needed to look for code that looks similar to what I showed you - the image URL in the style for the DIV depends on what it looked like in the actual template since sometimes people use stylevars there. I see that you're not using stylevars, though.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04130 seconds Memory Usage 2,249KB 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 (10)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (8)post_thanks_box (8)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (8)post_thanks_postbit_info (8)postbit (8)postbit_onlinestatus (8)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:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!