 | [Solved]Change Link Color |  |
 Posted: 06/26/2007 3:04 PM |
 |
|
|
|
|
| Citation |
| Posts |
487 |
| Word Cnt. |
35,729 |
| BDay |
Oct 3 |
| Sign |
Libra |
| Sex |
 |
|
|
|
Joined: Oct 29, 2006
Local time: 7:23 PM
Location: Klang, Malaysia
|
|
|
|
|
 |
I would like to know how to change the LINK color ? I was success to change the portal login and log out link color.But on the Board ..it cannot change after i change the color code.It show nothing .Pls tell me how to change the WORD color on that both pic.
1.
2.
 |
|
Last edited by masteranu84 on 06/29/2007 4:29 PM; edited 1 time in total |
|
|
|
| Back to Top |
|
|
| Re: [Solved]Change Link Color | |
| Posted: 06/27/2007 9:23 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:23 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
Can you give me code of .tpl file in which those board links are 
Is that index_body.tpl or ? I don't remember exactly but If you know and would like to give, I can give it a try.
 |
|
|
|
|
| Back to Top |
|
|
| Re: [Solved]Change Link Color | |
| Posted: 06/27/2007 10:30 AM |
|
|
|
|
|
| Citation |
| Posts |
487 |
| Word Cnt. |
35,729 |
| BDay |
Oct 3 |
| Sign |
Libra |
| Sex |
|
|
|
|
Joined: Oct 29, 2006
Local time: 7:23 PM
Location: Klang, Malaysia
|
|
|
|
|
|
| abdulbasit wrote:
|
Can you give me code of .tpl file in which those board links are
Is that index_body.tpl or ? I don't remember exactly but If you know and would like to give, I can give it a try.
|
I dunno which is current file to change the color code.Here is the 3 my tpl files. |
|
|
|
|
| Back to Top |
|
|
| Re: Change Link Color | |
| Posted: 06/28/2007 12:46 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 3:23 PM
Location: St Pete, FL
|
|
|
|
|
|
To change the colors of the text and links, you need to adjust the class settings in your Avalanche.css file. Before you can change them, you need to know which ones to change. So you first look in the index_body.tpl file to find the assigned class settings for everything that you have highlighted...
For the Recent and Popular Topics, you would find the following code in your index_body.tpl file:
| Code:
|
<tr>
<td width="29%" class="row2" align="left" valign="middle"><span class="gensmall">{topicrecentpopular.TOPICSRECENT}</span></td>
<td width="31%" class="row2" align="left" valign="middle"><span class="gensmall">{topicrecentpopular.TOPICSPOPULAR}</span></td>
<td width="6%" class="row2" align="center" valign="middle"><span class="gensmall">{topicrecentpopular.TOPICSPOPULARC}</span></td>
<td width="29%" class="row2" align="left" valign="middle"><span class="gensmall">{topicrecentpopular.TOPICSPOPULARVIEW}</span></td>
<td width="6%" class="row2" align="center" valign="middle"><span class="gensmall">{topicrecentpopular.TOPICSPOPULARVIEWC}</span></td>
</tr>
|
Note that gensmall is used to control the characteristics of all the links in the Recent and Popular Topics panel. If you look in the Avalanche.css file and search for gensmall, you will find the following settings:
| Code:
|
.gensmall { font-size : 10px; }
.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #4583c0; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #f3a625; text-decoration: underline; }
|
This row controls the text color for NON-linked text:
| Code:
|
|
.genmed,.gensmall { color : #000000; }
|
So NON-linked text would be black #000000...
This line of code controls the color of the gensmall link color:
| Code:
|
|
a.gen,a.genmed,a.gensmall { color: #4583c0; text-decoration: none; }
|
So the link color would be blue: #4583c0. This also makes it so that there is no underline under the links: text-decoration: none;
This line of code controls the link color when the mouse is hovering over it:
| Code:
|
|
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #f3a625; text-decoration: underline; }
|
So the hover link color would be orange: #f3a625. This also makes it so that there is an underline under the links when the mouse is hovering over them: text-decoration: underline;
You would follow the same line of reason when adjusting the colors of yoru portal links and text...
 |
|
|
|
|
| Back to Top |
|
|
  |
| Information | |
|
Calendar
![[ Hidden ]](templates/Helius_blue/images/lang_english/icon_email.gif "[ Hidden ]"){kind=icon}
