View Full Version : Chage Highlight Colour
braniacbrain
09-11-2006, 01:47 PM
Hi i want to chage the high light colour of sponsored links from grey to an image what file do i haev to eit to do that see here http://www.thelinksworld.net/computer/ the sponsored link is Live Image Hosting with the background being grey but i want to chage the background colour to a background image i tried to edit css but it didnt work so pls tell me what do i have to do :sos:
Vincent Wright
09-11-2006, 02:14 PM
I tried the link but it would not open.
braniacbrain
09-11-2006, 03:58 PM
Sorry but i think my server was down please check now it is on again
Sai_dallas
09-12-2006, 01:29 AM
It on the admin side - Under Sponsored links
You can change the color as you like.
Thanks
Sai
Vincent Wright
09-12-2006, 04:06 AM
1. Adjust template
Open link-display.tpl, change the top of the file:
<tr>
{if $config.alexa_thumbs}
<td valign="top" style="padding-right: 10px;"><img width="111" height="87" src="http://pthumbnails.alexa.com/image_server.cgi?id=www.esyndicat.com&size=small&u rl={$link.url}" alt="" /></td>
<td valign="top" class="link {$link.status}"{if $link.sponsored AND $config.sponsored_highlight AND $config.sponsored_links} style="background-color: {$config.sponsored_highlight}"{/if}>
{else}
<td colspan="2" class="link {$link.status}"{if $link.sponsored AND $config.sponsored_highlight AND $config.sponsored_links} style="background-color: {$config.sponsored_highlight}"{/if}>
{/if}
to something like this:
<tr>
{if $config.alexa_thumbs}
<td valign="top" style="padding-right: 10px;"><img width="111" height="87" src="http://pthumbnails.alexa.com/image_server.cgi?id=www.esyndicat.com&size=small&u rl={$link.url}" alt="" /></td>
<td valign="top" class="link {$link.status}{if $link.sponsored AND $config.sponsored_highlight AND $config.sponsored_links} sponsored"{/if}>
{else}
<td colspan="2" class="link {$link.status}{if $link.sponsored AND $config.sponsored_highlight AND $config.sponsored_links} sponsored"{/if}>
{/if}
Save changes and close the file.
2. Add an image
Say, the image is bg.gif. Copy this file to templates/<your_template>/img/ folder.
3. Add style
Open css/style.css, and add the following to the bottom of the file:
td.sponsored
{
background-image: url('../img/bg.gif');
}
Save changes and close the file.
Refresh your listing with sponsored links and see what happens.
braniacbrain
09-12-2006, 04:52 AM
Sorry vincent but it doesnt seems to work check the link http://www.thelinksworld.net/computer/ where [ Live Image Hosting ] has no Background it has gone white i rechecked them all
Vincent Wright
09-12-2006, 04:55 AM
Ah, sorry, there was a mistake in my previous post in the replacement code. I fixed it. Please replace the bottom of the template file with the snippet again.
braniacbrain
09-12-2006, 05:00 AM
Thanx its working Now Thanx may be add it to you r knowledgebase which i heard is being worked on now thanx
Vincent Wright
09-12-2006, 05:05 AM
You are welcome.
Ok, I will think about adding it to the knowledge base ;)
vBulletin® v3.7.0, Copyright ©2000-2013, Jelsoft Enterprises Ltd.