Text on logo...

[MarkFoster]

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]

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...

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


I would do this...

<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]

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]

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

[MarkFoster]

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/forums/images/styles/rwc_372/misc/rwc_header_mid2.png

[TigerC10]

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


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


Replace it with...

<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...


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


Just so it's easier to read.

[MarkFoster]

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


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


Replace it with...

<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...


<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:
<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]

<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.