Change color of links in top and bottom bars
|
philgeek
Joined: 2002-10-14
Posts: 10 |
Posted: Wed, 2002-10-16 01:15
|
|
I want to change the color of links in the top and bottom. i added a line in the css for the other color, but i dont know which files have the links i want. |
|
Posts: 1301
You mean the nav bars that show the page number and album or sub-album you are looking at?
The files you want are: layout/navigator.inc and layout/navphoto.inc -- however, to just change the link colours with css all you have to do is add the following to your standalone_style.css --
a:link{
background: whatever;
color: whatever;
}
a:visited{
background: whatever;
color: whatever;
}
a:hover{
background: whatever;
color: whatever;
}
a:active{
background: whatever;
color: whatever;
}
-----
What is the "other colour" you are talking about? The default for the page?
Am I on the right track for what you were wanting to do? If not, give a holler with more specifics.
Posts: 10
OK your on the right track, but I have been asking so many people questions i think I'm starting to go crazy. Can I try to walk me through this? I'm feeling really stupid right now. I have done this before, just in regular CSS and webpages before.
The default link color is #3366CC
I want the other link color to be #99CCFF
What should the new class look like?
Take this link for example:
<a href="blahblahblah"></a>
What and where do I add the css info for the #99CCFF colored link?
I hope this makes sense, like I said I think I'm losing my mind
Posts: 1301
Hi again
No problem, have you only done embedded styles before (putting the CSS in the head section of a web page)? Linked style sheets aren't any harder, and save having to add all that info to every page.
Your new class would be the visited class:
-----
a:visited{
background: whatever;
color: #99CCFF;
}
-----
Your css could look something like this, and you could pick a third colour for active links, and for the hover you could choose a different font colour or just a different background colour.
a:link{
font-family: whatever;
font-size: whatever;
background: whatever;
color: #3366CC;
}
a:visited{
background: whatever;
color: #99CCFF;
}
a:hover{
background: whatever;
color: #______;
}
a:active{
background: whatever;
color: #______;
}
----
This is what the tags I gave you mean:
a:link -- describes any hyperlink that has not been visited by the user's browser. In other words, the page linked to is not present in the browser's local memory.
a:visited -- describes any hyperlink that has been visited and is present in the browser's local memory.
a:hover -- describes a hyperlink while the user's mouse happens to be hovering over it. This class is recognized by all version 4 and higher browsers, except Netscape 4.
a:active -- describes a hyperlink that has been clicked but not yet released. This class is recognized by all version 4 and higher browsers, except Netscape.
Here's a link that might help: <!-- BBCode Start --><A HREF="http://www.echoecho.com/csslinks.htm" TARGET="_blank">CSS Links</A><!-- BBCode End -->.
Does this help? :smile: (you aren't losing your mind, it only feels that way at the moment!)
Trust me...it will all become MUCH clearer...
Posts: 10
ok, now i think you have the wrong idea. i dont want to change the color of the visited link. i want to change the color of all links no matter what there status is in the breadcrumb, admin bar, and nav bar.
Posts: 1301
I am confused...but that's nothing new! :roll:
If you want all the links to always be the same colour, no matter what their status, just give all the link tags the same colour code.
a:link - this is the original link, before anyone clicks on it. Do you want the colour to be different from the rest of the site or you want everything the same colour or ??
I'll be glad to help, if I can figure out what effect you're after!
Posts: 10
I want some links one color and others another color. I sent you an email with the link to my gallery. If you look at it, you will see the problem
Posts: 1301
Hi
Just checked my email, found your message with the link, but it says the page cannot be found?
I know what you want to do now however (sorry, I'm more of a visual thinker, and I was going in the wrong direction with what you wanted).
I have something similar on my gallery in that the links in the navigation along the top (my header) are different from the rest of the links thru out my site.
Here's a link that should explain it to you - <!-- BBCode Start --><A HREF="http://www.pageresource.com/dhtml/jtut3.htm" TARGET="_blank"> Different colours for different links</A><!-- BBCode End -->, scroll about halfway down the page.
Here's a better link - with good visuals to guide you - <!-- BBCode Start --><A HREF="http://www.wilk4.com/webdevres/linkcolors.htm" TARGET="_blank">Link Colours by section</A><!-- BBCode End -->.
Posts: 10
Sorry, i think my host has been a little freaky. if you want to try again, feel free. I will take a look at those links and see what i can come up with. Thanks for all your help. My brain is starting to heal too :lol:
Posts: 10
My standalone_style.css looks like this at the bottom:
BODY
{
background-color: #FFFFFF;
color: #000000;
}
TD, P
{
color: #000000;
}
LIGHT {
color: #99CCFF;
}
I Edited my navigator.inc so that all the links have <a class="light href=
And I get this error message:
Parse error: parse error, unexpected T_STRING in /home/quietech/public_html/photos/layout/navigator.inc on line 80
Posts: 1301
Okay, here's where you need to stop and look at what you have. If LIGHT is a class, you need a "." in front of it - .light OR if it is a div - you need "#" in front (without quotes of course) - #light
CSS Is not case-sensitive but there are parts of the files not controlled by CSS that may be case sensitive, such as URLS and font names. A good tip to remember is to make all your code and all your files names lower case so there can't be any mistakes in addressing files.
Also you can't just use quote marks inside any of the php without escaping them with a slash (ie - <span class="nav">). You have to be careful when you are adding something for cosmetic purposes that you don't mess up the actual code.
Try this:
BODY
{
background-color: #FFFFFF;
color: #000000;
}
TD, P
{
color: #000000;
}
.light {
color: #99CCFF;
}
AND to your navigator inc - (you add only the bold parts):
<span class="light"><a href=<?=$url?>&<?=$navigator[pageVar]?>=<?=$prevPage?>><img src="<?=$imageDir?>/nav_prev.gif" border="0" width="72" height="11" alt="Previous Page"></a></span>
----
I suggest you do a google search for css and read up on it a little to clarify anything you aren't sure about, you can personalize a lot of Gallery without touching the Gallery code, if you know how to utilize stylesheets to their fullest.
Posts: 10
ok, part of my problem was that I don't know much about PHP. Another problem is that I had made it .light before, but I thought maybe gallery was using different CSS so I tried to make it look like the others in the CSS file. Anyway, its working now. Where do i edit the logon link, gallery home link in an album, and the gallery and album link on a photo page?
Posts: 1301
Hi
All I can suggest is that you dig around in the code to find what you need. That's what I did, probably what a lot of people are doing. If I get a chance I hope to quickly put up a basic FAQ regarding Gallery, to help the people that are really lost even after looking at all the files and folders. Finding time is the problem - I still have the work that pays me at the front of the line... :lol:
Use a text editor, something like Crimson is good, and search the code for the words you want to edit. One of these threads has a sticky at the top of it that addresses this very topic.
Good luck!
Posts: 3
Sorry guys but I am at a total loss... all I can find is;
/themes/#whicheverdefaulttheme#/theme.css
and
/install/styles/style.css
Can someone please help me find the file where I can change in particular;
a:link
a:visited
a:hover
a:active
It doesn't seem to be working for me
Thanks a lot guys and sorry for the big post!
Tom, Melbourne, Australia.