color changes on rankings page

pauline

Member
Hi all,

I am just wondering how to change some colors on the rankings page. see attached screenshot. I have tried for hours but can't seem to find those areas.

Thanks In Advance,

Pauline
 

Attachments

Basti

Administrator
Staff member
few things

1) the content of the premium box has a double border, that is .premium_inside_border Looks rather strange if you ask me.
to remove
Code:
.premium_inside_border { border: 0; }
2) the yellow badge is .premium_badge
It appears recent chrome interprets some float incorrectly.

The ranking files, table_top_row and table_top_row_premium.html to move the badge to where it belongs ( more to the top )
Code:
<div class="right badge"><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">
        {$screenshot}<br />
        <img src="{$skins_url}/{$skin_name}/stats.png" alt="{$lng->table_stats}" height="21" width="21" /><br />{$lng->table_stats} <br /><img src="{$skins_url}/{$skin_name}/{$up_down}.png" alt="{$lng->up_down}" /></a>
        </div>
Move that part to the beginning of the parent div, right before the following
Code:
<a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow">
3) the yellow title bar is .premium_title
 
Last edited:

pauline

Member
Hi Basti

I tried adding that code where you said and now I have an unwanted blue color in 2 spots but it didn't raise that top badge.

This is what I added.

<div class="premium_inside"><a href="{$url}" onclick="out(this,'{$username}');"><img src="{$premium_banner_url}" alt="{$title}" title="{$lng->g_premium_visit}"/></a>
<div class="right badge"><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">
{$screenshot}<br />
<img src="{$skins_url}/{$skin_name}/stats.png" alt="{$lng->table_stats}" height="21" width="21" /><br />{$lng->table_stats} <br /><img src="{$skins_url}/{$skin_name}/{$up_down}.png" alt="{$lng->up_down}" /></a>
</div><a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">
{$screenshot}<br />
<img src="{$skins_url}/{$skin_name}/stats.png" alt="{$lng->table_stats}" height="21" width="21" /><br />{$lng->table_stats} <br /><img src="{$skins_url}/{$skin_name}/{$up_down}.png" alt="{$lng->up_down}" /></a></div>

<p>{$description, length=255}</p>


Pauline
 

Attachments

Basti

Administrator
Staff member
Uh i just noticed i told you wrong code where to place the code, pls see the post again

for the premium file ( normal layout looks bit different, but you should be able to adopt it ), this is how it need to look
Code:
<div class="premium_inside">
  <div class="right badge">
    <a href="{$list_url}/{$url_helper_a}details{$url_helper_u}{$username}{$url_tail}">
      {$screenshot}<br />
      <img src="{$skins_url}/{$skin_name}/stats.png" alt="{$lng->table_stats}" height="21" width="21" /><br />{$lng->table_stats} <br /><img src="{$skins_url}/{$skin_name}/{$up_down}.png" alt="{$lng->up_down}" />
    </a>
  </div>
  <a href="{$url}" onclick="out(this,'{$username}');"><img src="{$premium_banner_url}" alt="{$title}" title="{$lng->g_premium_visit}"/></a>

  <p>{$description, length=255}</p>
 
Top