Topic: Tidy rollovers? (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=24234" title="Pages that link to Topic: Tidy rollovers? (Page 1 of 1)" rel="nofollow" >Topic: Tidy rollovers? <span class="small">(Page 1 of 1)</span>\

 
UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 11-30-2004 08:08

The script that I uh... found... is kinda clumsy. Is there a simpler way?

CSS?

Something that doesnt rely on javascript?

Or at least some copyright free rollover that allows a page to validate when the script is external?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

Blaise
Bipolar (III) Inmate

From: London
Insane since: Jun 2003

posted posted 11-30-2004 10:50

yeah you can add an image to the anchor, then change it for the hover pseudo-class...

eg..

code:
a {
background: url(tabOff.gif) no-repeat;
}

a:hover {
background: url(tabOn.gif no-repeat;)
}

That should just about do it, off the top of me head

Cheers,

Nathus
Bipolar (III) Inmate

From: Minnesota
Insane since: Aug 2003

posted posted 11-30-2004 18:21

This might be helpful
http://wellstyled.com/css-nopreload-rollovers.html

UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 12-01-2004 00:22
quote:
Blaise said:

yeah you can add an image to the anchor, then change it for the hover pseudo-class...eg..
code:

a {
background: url(tabOff.gif) no-repeat;
}

a:hover {
background: url(tabOn.gif no-repeat
}


That should just about do it, off the top of me head Cheers,


Cool... thanks!

Can I add;

anclick {
background: url(tabclick.gif no-repeat
}


hmmm, seems like an extra slimey appeared in there.

Basically i'm looking for three states;

normal

hover

clicked

I know that once clicked the page changes... but it is more for me than the visitor. Because I click and hold to see if anything else is happening.

I've got a button, I know, I know, that's the 90's, but I dont care

He he he, So anyways, I got this button;
on hover it lights up
when clicked it pixelates almost like a disintergration thing...

, ,


______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

(Edited by UnknownComic on 12-01-2004 00:34)

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted posted 12-01-2004 00:37

UnknownComic: ?! do you see a nclick pseudo classe in CSS 2 specifications : The dynamic pseudo-classes: :hover, :active, and :focus ?

[edit] In fact, for the clicked element, you need to assign it a class. And as a side note, I doubt it is a good idea to pixelize a navigation element. [/edit]



(Edited by poi on 12-01-2004 00:40)

UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 12-01-2004 00:43

He he he, as soon as I finished my edit, I looked at the link nathus posted and saw that exact same thing.
I would have edited out my naming faux PA, but then the thread continuity would have been milfed and people would wonder what you were going on about. So I leave my carelessness there for all to marvel.

I think I'm just gonna do a page with ALL CAPITALS in my html, no css, and make it the ugliest code ever!

Now how do I attatch a class to the "a href" tag?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 12-01-2004 05:38

<a href="#" class="foo">bar</a>

I X I
Paranoid (IV) Inmate

From: beyond the gray sky
Insane since: Apr 2004

posted posted 12-01-2004 06:06

on that note, how would I go about styling a UL in my .css



Some people say I'm a dreamer, but I'm not the only one (John Lennon)

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 12-01-2004 07:00

with gusto and reckless abandon? *rimshot*

but seriously folks... just like anything else?! What in particular are you talking about? If you're looking for navigational link list type stuff or just some list reference material here

UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 12-01-2004 08:43
quote:
JKMabry said:

<a href="#" class="foo">bar&lt;/a&gt;



bar?

is that just foo or an actual thing?

If I am using the images above and they are included in the css... what do i put between the ><

*PoP*

oops blew a brain cell, anyone hear a popping sound?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

Iron Wallaby
Paranoid (IV) Inmate

From: USA
Insane since: May 2004

posted posted 12-01-2004 18:52

If you are using images, just don't put anything in between the <a> and the </a>.

If you want text on the images, that's where it would go.

"Any sufficiently advanced technology is indistinguishable from magic." -- Arthur C. Clarke
"Any sufficiently arcane magic is indistinguishable from technology." -- P. David Lebling

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted posted 12-01-2004 18:59

UnknownComic: IMHO you should use/read the specs more often. For sure it's painfull at first, but it drastically improve the learning curve.

HTML 4.01 Specification : Element identifiers: the id and class attributes.

JKMabry
Maniac (V) Inmate

From: raht cheah
Insane since: Aug 2000

posted posted 12-01-2004 20:07

bar is indeed, just foo

UnknownComic
Maniac (V) Inmate

From: 2 steps away from a los angeles curb
Insane since: Nov 2003

posted posted 12-02-2004 02:00

So in a sense, it is foobar

I know I should read, but...[insert excuse here]

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

I X I
Paranoid (IV) Inmate

From: beyond the gray sky
Insane since: Apr 2004

posted posted 12-02-2004 02:33

thanks for the links JK, 'preciate it


...Of all the things I've lost, I miss my mind the most (ozzy osbourne)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu