Warning: The author of this contribution does not provide support for it anymore.

Top Five

how to change Colour of "Newest Post" "Top Active" etc.. - Top Five

how to change Colour of "Newest Post" "Top Active" etc..

by user751139 » Mon Aug 16, 2010 7:51 pm

Hello, I hope this can be done I wanted to change the colour of the Newest post and etc.. to Orange Instead of the default Gray.. because it's hard to read it & blends in with my style..

Any help would be appreciate it. Thanks!
Image
user751139
Registered User
Posts: 89
Joined: Thu Oct 01, 2009 2:46 am

Re: how to change Colour of "Newest Post" "Top Active" etc..

by RMcGirr83 » Mon Aug 16, 2010 9:41 pm

within top_five_body.html

FIND

Code: Select all

<span class="genmed">


REPLACE WITH

Code: Select all

<span class="genmed" style="color:#66666;">


changing the 66666 to whatever hex color code you want. Refresh the style in the ACP after making your change.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22072
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 11:28 am

Mines different


Code: Select all

<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>
      <table class="table1" cellspacing="1" id="top_five">
      <thead>
      <tr>
         <th style="width: 50%;">{L_NEWEST_TOPICS}</th>
         <th style="width: 20%;">{L_TOP_FIVE_ACTIVE}</th>
         <th style="width: 30%;">{L_TOP_FIVE_NEWEST}</th>
      </tr>
      </thead>
      <tbody>
         <tr class="bg2">
               <td valign="top"><!-- BEGIN top_five_topic --><!-- IF top_five_topic.NO_TOPIC_TITLE-->{top_five_topic.NO_TOPIC_TITLE}<!-- ELSE --><a href="{top_five_topic.U_TOPIC}">{top_five_topic.TOPIC_TITLE}</a><br />&nbsp;&nbsp;{top_five_topic.USERNAME_FULL}&nbsp;&nbsp;{top_five_topic.LAST_TOPIC_TIME}<br /><!-- ENDIF --><!-- END top_five_topic --></td>
               <td valign="top"><!-- BEGIN top_five_active -->{top_five_active.USERNAME_FULL}<br />&nbsp;&nbsp;{L_POSTS}: <a href="{top_five_active.S_SEARCH_ACTION}">{top_five_active.POSTS}</a><br /><!-- END top_five_active --></td>
               <td valign="top"><!-- BEGIN top_five_newest -->{top_five_newest.USERNAME_FULL}<br />&nbsp;&nbsp;{L_JOINED}: {top_five_newest.REG_DATE}<br /><!-- END top_five_newest --></td>
            </tr>
      </tbody>
      </table>

   <span class="corners-bottom"><span></span></span></div>
</div>




How can I change the text colour and background colour?
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by RMcGirr83 » Thu Aug 19, 2010 12:18 pm

Code: Select all

         <tr class="bg2" style="background-color:#66666;">
               <td valign="top" style="color:#66666;">

change the 66666
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22072
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 2:49 pm

Hello, It worked thanks!

I have one more question, how do I change the colour of the table bordeR?

http://www.naruto-hokage.com/forums/


There is no line separating at the moment how do I add one and change the colour to black?
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by RMcGirr83 » Thu Aug 19, 2010 3:13 pm

I'm not sure of what you mean.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22072
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 3:16 pm

Image


Those Lines
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by RMcGirr83 » Thu Aug 19, 2010 3:41 pm

Code: Select all

<td valign="top" style="color:#66666;border-right:1px solid #000000;">


..and you really should have started your own topic as this has nothing to do with the topic subject.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22072
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 3:43 pm

I tried last night but It hasn't been approved...
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 3:45 pm

Also, what about the border on the other side?
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by RMcGirr83 » Thu Aug 19, 2010 3:49 pm

You do that for each td you want the line to display. A "td" represents a column., so if you want it for the first and second column then apply it to the first and second td within the html file.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22072
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: how to change Colour of "Newest Post" "Top Active" etc..

by Naruto Sage » Thu Aug 19, 2010 4:08 pm

Thanks, I've done it!
Naruto Sage
Registered User
Posts: 54
Joined: Wed Aug 18, 2010 6:15 pm

Re: how to change Colour of "Newest Post" "Top Active" etc..

by user751139 » Sun Aug 22, 2010 5:39 pm

RMcGirr83 wrote:within top_five_body.html

FIND

Code: Select all

<span class="genmed">


REPLACE WITH

Code: Select all

<span class="genmed" style="color:#66666;">


changing the 66666 to whatever hex color code you want. Refresh the style in the ACP after making your change.


I have it set to:
<span class="genmed" style="color:#FF7C00;">

Refreshed and cleared cache.. It changed the word "by" so xxx post "by" xxx_user

My apologies If i didnt make it clear, but I wanted the Headlines colour changed the one's inside the circles in the pic so the text: "Newest Posts" "Top Active Users" & "Newest Users"

&*EDIT**

hehe I figured it out I just had to edit this:

<td class="cat" width="40%" style="color:#FF3300;"><h4>{L_NEWEST_TOPICS}</h4></td>

Thanks!
user751139
Registered User
Posts: 89
Joined: Thu Oct 01, 2009 2:46 am