Board index PBase HTML and Style Sheets Help with color

HTML and Style Sheets

Help with color

Customize your galleries.
happypoppeye
 
Posts: 121

Help with color

Post Fri Jan 30, 2009 3:43 pm


OK, first off, I'm a total idiot when it comes to CSS.

I am trying to change colors on a few things for this gallery: http://www.pbase.com/happypoppeye/a_drago_people

It's when I view an individual image that I"m trying to change things: http://www.pbase.com/happypoppeye/image/95249607

I want to change any links on the page to another color, say red. ...such as the "Turkey" and "view map"
I also want to change the body of text input to a different shade ..."Taken in Goreme"

...can anyone point me in the right direction.

Thanks
John

dang
 
Posts: 3780

Re: Help with color

Post Fri Jan 30, 2009 6:26 pm


Hi John,
If you haven't installed Firefox, it really makes it easier. There's a thread explaining it's use, and how to find which section you need to make changes to here: viewtopic.php?f=8&t=13408

I don't think you'll be able to easily change the individual photo link color, as it's generally controlled using the same section of code as the thumbnail page links. This isn't to say it's totally impossible, but it's not something I'd want to tackle.

alangrant
 
Posts: 861

Re: Help with color

Post Fri Jan 30, 2009 7:57 pm


To change the display of elements within individual image pages without altering the corresponding elements in gallery pages, you can use the #imagepage div, which is a "wrapper" around the whole image page.

For example to make all links on the image page red, you could use
Code: Select all
#imagepage a {color : red}


This tells the browser "if you find a <a> element, AND that element is within a named element with the ID "imagepage", display the link in red.

If you want to have different setting for visited links, for example, the same principle applies:
Code: Select all
#imagepage a:visited {color : red}


These is not absolutely guaranteed to affect every link as there may be interactions with other style settings for links in specific parts of the page.

Changing the appearance of the caption is relatively simple:
Code: Select all
.caption { color: yellow; }
Alan
Travel Photos - http://www.pbase.com/alangrant
Balkanology: Explore Southeast Europe - http://www.balkanology.com/

dang
 
Posts: 3780

Re: Help with color

Post Fri Jan 30, 2009 8:56 pm


Thanks Alan,
I'm about half asleep I guess. :lol:

happypoppeye
 
Posts: 121

Re: Help with color

Post Sat Jan 31, 2009 6:36 pm


Alan, Dang,

Thanks to both of you. That was exactly what I was looking for ...unfortunatly the page started to look like a CSS (Circus Style Sheet) when I applied red or any other color to the links. I think I toned it down a bit though. That info will come in handy in the future ...until the next stupid question.

Thank you again
John


Board index PBase HTML and Style Sheets Help with color

Who is online

Users browsing this forum: No registered users and 0 guests