How to: Re color pagenav links

**Kier** · Mon 30 Jul '01, 4:35pm

Yes, there is no class defined by default for those links... I figured that seeing as people would invariably want to re-style the templates, I would leave CSS definitions up to the administrators' discretion.

**Kier** · Mon 30 Jul '01, 4:45pm

I'll explain...

I assume that you want to have the pagelinks sitting in the bar at the top and the bottom of the showthread page, so the colours they are currently using don't look right...?

You can solve it like this:

First, edit your headinclude template, and find the stuff that looks like #all A:link .... #all A:active (etc). For all of these, simply delete the #all text. This will leave you with something like this:

Code:

A:link, A:visited, A:active {
	COLOR: {[color=black]linkcolor[/color]};
}
A:hover {
	COLOR: {[color=black]hovercolor[/color]};
}

Next, open up the showthread template, then find the two instances of $pagenav. In each instance, replace $pagenav with

Code:

<span class="theadpnav">$pagenav</span>

Now, go up to the <head> section of the showthread template, and add this:

Code:

<style type="text/css">
.theadpnav A:link, .theadpnav A:visited, .theadpnav A:active, .theadpnav A:hover {
    color: {[color=black]tableheadtextcolor[/color]};
}
</style>

This will define a special nested class, which will colour your links correctly

The above image shows the same pagenav template being used, the one on the white background is simply $pagenav, while the one in the table header is <span class="theadpnav">$pagenav</span>.

**RobAC** · Mon 30 Jul '01, 5:14pm

Kier,

That worked. Thanks!

-Rob

**tubedogg** · Mon 30 Jul '01, 8:42pm

Here's another example...This is an idea I got from a request in the hacks forum. I hacked it into 2.0.1 but now with 2.0.2 it's all done in the templates.

The current number is highlighted, as seen in the first pic, and others change color on mouseover, as seen in the second. All done with CSS/A:hover.

**RobAC** · Mon 30 Jul '01, 8:52pm

Nice!

**George L** · Wed 1 Aug '01, 5:03pm

better yet move the pagenav variable out of the cell table and just above the start of the showthread main table

**Freddie Bingham** · Wed 1 Aug '01, 5:19pm

<whisper> Look at tubedoggs pagelinks in Netscape

</whisper>

**tubedogg** · Wed 1 Aug '01, 5:41pm

Yeah I kind of figured. I hate Netscape so very, very much. At least I got the board semi-usable in it...for me that's an accomplishment.

**Freddie Bingham** · Wed 1 Aug '01, 5:44pm

Not that I use netscape but I wouldn't call it useable considering you can not change the page.

**tubedogg** · Wed 1 Aug '01, 6:02pm

Yeah, now it's not. I meant before I did that. Other than that I think it works ok...

**Freddie Bingham** · Wed 1 Aug '01, 6:04pm

Post a little note saying If you use nutscrape and wish to turn the page, append &pagenumber=2 to your url.

**tubedogg** · Wed 1 Aug '01, 6:08pm

Somehow, if they're still using Netscape, I'm not sure they'd be able to figure that one out.

Before I get flamed, I'm JOKING!

I would use Netscape except for the crappy CSS and table support...

**XiXora** · Thu 2 Aug '01, 5:48am

ewww netscape. nothing looks nice in that.

Solution.... DONT USE IT BAN IT FROM THE FACE OF THE EARTH!

**Kier** · Thu 2 Aug '01, 6:21am

Invaluable code snippet for any PHP script:

PHP Code:


if (stristr($HTTP_USER_AGENT,"gecko") {

    echo "Sorry, your browser is a turd";

    exit;

}

How to: Re color pagenav links

How to: Re color pagenav links

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment