Chage Highlight Colour

Discussion in 'Modifications' started by braniacbrain, Sep 11, 2006.

  1. braniacbrain

    braniacbrain Paid Customer

    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:
  2. Vincent Wright

    Vincent Wright New Member

    I tried the link but it would not open.
  3. braniacbrain

    braniacbrain Paid Customer

    Sorry but i think my server was down please check now it is on again
  4. Sai_dallas

    Sai_dallas Paid Customer

    It on the admin side - Under Sponsored links

    It on the admin side - Under Sponsored links

    You can change the color as you like.

    Thanks
    Sai
  5. Vincent Wright

    Vincent Wright New Member

    1. Adjust template

    Open link-display.tpl, change the top of the file:

    Code:
    <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;url={$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:

    Code:
    <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;url={$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:

    Code:
    td.sponsored
    {
      background-image: url('../img/bg.gif');
    }
    
    Save changes and close the file.

    Refresh your listing with sponsored links and see what happens.
    Last edited: Sep 12, 2006
  6. braniacbrain

    braniacbrain Paid Customer

  7. Vincent Wright

    Vincent Wright New Member

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

    braniacbrain Paid Customer

    Thanx its working Now Thanx may be add it to you r knowledgebase which i heard is being worked on now thanx
  9. Vincent Wright

    Vincent Wright New Member

    You are welcome.

    Ok, I will think about adding it to the knowledge base ;)

Share This Page