vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)
-   -   Text on logo... (https://vborg.vbsupport.ru/showthread.php?t=205811)

MarkFoster 02-18-2009 03:58 PM
Text on logo...
 
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 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 02-18-2009 04:23 PM
Quote:
Originally Posted by TigerC10 (Post 1748138)
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 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 02-18-2009 05:16 PM
Quote:
Originally Posted by TigerC10 (Post 1748149)
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 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 02-18-2009 08:02 PM
Quote:
Originally Posted by TigerC10 (Post 1748310)
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 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.


All times are GMT. The time now is 12:04 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.01612 seconds
  • Memory Usage 1,753KB
  • 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
  • (10)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)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