PDA

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&amp;size=small&amp;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&amp;size=small&amp;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 ;)