PDA

View Full Version : Lightbox image viewer: Style the "rev" link?



JackJack
05-14-2008, 06:37 PM
1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: Is there a way to style the rev link in the <a href>?

Here's the two codes I tried (in red), but neither worked. The first code is a class style from an external CSS style sheet (.red).

<a class="red" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

<a style="color:red" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

Thanks,

JackJack

:)

traq
05-14-2008, 08:44 PM
are you trying to apply the CSS to the link, or to the lightbox content?

JackJack
05-14-2008, 09:37 PM
To the link in the lightbox content window. The rev link that says "Go to another page".

mike_c
05-14-2008, 09:42 PM
Try this:

<a style="color:red;" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

Basically you needed the semicolon after red.

JackJack
05-14-2008, 10:58 PM
Nope. Doesn't work.

jscheuer1
05-15-2008, 05:08 AM
The class of the link in the lightbox is:

ddcaptionurl

So, in your stylesheet you can:


.ddcaptionurl:link {
color:red;
}
.ddcaptionurl:active {
color:red;
}
.ddcaptionurl:visited {
color:red;
}
.ddcaptionurl:hover {
color:red;
}

You can add other property/value pairs besides just color:red; - and you may have different values for the same property for the different states (link, active, visited, hover).

If you need more info on style, see:

http://www.eskimo.com/~bloo/indexdot/css/propindex/all.htm

or your favorite css reference.

JackJack
05-15-2008, 04:50 PM
It worked!

Thanks for the help, jscheuer1.

:)