TinyPortal

Development => Support => Topic started by: MazdaClubTR on January 28, 2008, 02:28:25 PM

Title: Text and Reference Link Colors
Post by: MazdaClubTR on January 28, 2008, 02:28:25 PM
What is your url? http://www.mazdaclubtr.com/forum/index.php
What error message do you get? No error I want to know how I can change the colors in userarea on right top
What version of SMF? 1.1.4
What version of TP? 0.9.8
Which themes are used? Bluskies
Do you have other Mods installed?  Yes

1.     TinyPortal      0.983      
2.    Users Online Today Mod    1.4.0
3.    Seo 4 SMF    0.2.9.9    
4.    Hide SMF Version    1.0    
5.    SMF Gallery Pro SSI    1.1    
6.    Ad Managment    2.3    
7.    SMF Gallery Pro    1.3.9
8.    YouTube BBCode    1.7    

Do you use another CMS? (Joomla or Mambo?) No
Is this a test site? No

Hi,

I have been trying to  play with the theme and try changing the logos but having diffuculty to find the color codes for reference links especially on user area on right top of the site.

Where are the colors defined ? I see that there are two colors. Black for text and light blue for links.
Title: Re: Text and Reference Link Colors
Post by: Dragooon on January 28, 2008, 02:47:59 PM
Colors and styles are defined in /Themes/[theme]/style.css
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 28, 2008, 02:54:50 PM
Thanks. I know that but could not find where exactly it is..
Title: Re: Text and Reference Link Colors
Post by: Smoky on January 28, 2008, 06:31:20 PM
if you can find out where your theme is on your ftp or cpannel, you need to open it up and look for this file --> style.css

this is where the colors to font etc., stay.. you can tell by the numbers. they look like this--> #660000 and to change them, here is 2 good links to help you in your quest:

http://www.colorschemer.com/online.html

and here:

http://www.december.com/html/spec/color1.html

or you can google for hex numbers to find more colors. good luck!  ;)

always back up your file before replacing. that way if you dont like the changes, you still have a backup  :D
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 28, 2008, 06:59:32 PM
Smoky, thanks for the reply but as I told before I know a bit about the style.css file but cant find out the color code for the link below cause there is nothing like that in style.css

If you visit my site you will see that  login (giriÅŸ yapın) and register (üye olun)  links (both on top right) are very close to background color. That is what I want to change but inside the source code there is no color code. Neither there is in style.css or I can not find it.

<div id="usertop">Merhaba, <b>Ziyaretçi</b>.
Lütfen <a href="http://www.mazdaclubtr.com/forum/index.php?action=login">giriş yapın</a>
veya <a href="http://www.mazdaclubtr.com/forum/index.php?action=register">üye olun</a>.<br />
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 28, 2008, 07:49:06 PM
Found out that putting

#user
{
color: white;


to style.css changes the "Hey, MazdaClubTR, 0 are new" text color to white but still cant find how to change the color of links.
Title: Re: Text and Reference Link Colors
Post by: IchBin on January 28, 2008, 08:31:41 PM
MazdaClubTR, I would HIGHLY recommend (if you use Firefox), to download and install the firebug extension. You can use this extension to highlight certain parts of the page and it will tell you exactly what class or html is setting attributes for all the elements on your page. If you still need help, post back and I'll take a look when I get home. Don't have all the tools to check it out here at work.
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 28, 2008, 09:09:36 PM
Yes I do use Firefox :) Thanks for the hint. It is 23.00 here and got to go now. Tomorrow when I get to work I will install that and see  if I can find anything. If not I will write back..
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 29, 2008, 07:16:09 AM
IchBin, with firebug it took only a few minutes to find what I am looking for.

The parts I am looking for was ;

a:link
{
color: #476C8E;
text-decoration: none;
}


and

a:visited
{
color: #476C8E;
text-decoration: none;
}


But these color codes affect all of the site, is it possible to assign a different link color to usertop and userarea ?
Title: Re: Text and Reference Link Colors
Post by: IchBin on January 29, 2008, 08:08:02 PM
There sure is! See the code below to reflect the changes you need to add. You can add these classes to the style.css file so that it doesn't change all of the links, only the ones in the #user ID.


#user a:link
{
color: #476C8E;
text-decoration: none;
}


and

#user a:visited
{
color: #476C8E;
text-decoration: none;
}

Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 29, 2008, 09:24:52 PM
Thanks IchBin. Will try them in the morning ;)
Title: Re: Text and Reference Link Colors
Post by: MazdaClubTR on January 30, 2008, 08:18:33 AM
Works perfect, Thanks IchBin :)

(status changed to solved)