HTML gurus - GoFuckYourself.com

DarkJedi · 09-22-2003, 02:55 AM

Need some help.
How to make thumbs change border color when you place mouse over it ?

Like on www.madthumbs.com

VanHeusen · 09-22-2003, 02:57 AM

Quote:

Originally posted by DarkJedi
Need some help.
How to make thumbs change border color when you place mouse over it ?

Like on www.madthumbs.com

css style?

A:hover

i would imagine

Mr.Fiction · 09-22-2003, 02:57 AM

Just look at the source of the site you want to rip off.

Mr.Fiction · 09-22-2003, 02:58 AM

A:hover img, A:active img, A:visited img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid}

Libertine · 09-22-2003, 02:58 AM

Quote:

Originally posted by DarkJedi
Need some help.
How to make thumbs change border color when you place mouse over it ?

Like on www.madthumbs.com

That's CSS.

Simply use a normal class, then onmouseover="className='otherclass';" onmouseout="className='originalclass'".

The classes should, ofcourse, specify the bordercolor.

Libertine · 09-22-2003, 02:59 AM

Quote:

Originally posted by VanHeusen

css style?

A:hover

i would imagine

A:hover img actually.

DarkJedi · 09-22-2003, 03:02 AM

aight thanks, i'll try.

VanHeusen · 09-22-2003, 03:02 AM

Quote:

Originally posted by punkworld

A:hover img actually.

ah ok i knew it would be something like that

DarkJedi · 09-22-2003, 03:06 AM

ok this worked:

A:hover img, A:active img, A:visited img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid}

But I want it only for a few thumbs that are on the bottom of the page. Other thumbs should be left as the are.
How to do it ? I figure some css tag ?

mazafaka · 09-22-2003, 03:52 AM

Quote:

Originally posted by DarkJedi
ok this worked:

A:hover img, A:active img, A:visited img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid}

But I want it only for a few thumbs that are on the bottom of the page. Other thumbs should be left as the are.
How to do it ? I figure some css tag ?

Make "A.anyclassname:hover img" and put that class in "A" tag for selected thumbs.

<A HREF="" CLASS="anyclassname"><IMG SRC= bla bla

DarkJedi · 09-22-2003, 07:32 AM

Quote:

Originally posted by mazafaka

Make "A.anyclassname:hover img" and put that class in "A" tag for selected thumbs.

<A HREF="" CLASS="anyclassname"><IMG SRC= bla bla

awesome !!
thanks

JamesK · 09-22-2003, 07:51 AM

Quote:

Originally posted by DarkJedi

awesome !!
thanks

no problem

DarkJedi · 09-22-2003, 07:57 AM

Quote:

Originally posted by Wildcard

no problem

you got a problem ?

09-22-2003, 02:55 AM	#1
DarkJedi No Refunds Issued. Industry Role: Join Date: Feb 2001 Location: GFY Posts: 28,300	HTML gurus Need some help. How to make thumbs change border color when you place mouse over it ? Like on www.madthumbs.com

09-22-2003, 02:57 AM	#3
Mr.Fiction Confirmed User Join Date: Feb 2002 Location: Free Speech Land Posts: 9,484	Just look at the source of the site you want to rip off.

09-22-2003, 02:58 AM	#4
Mr.Fiction Confirmed User Join Date: Feb 2002 Location: Free Speech Land Posts: 9,484	A:hover img, A:active img, A:visited img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid}

09-22-2003, 03:02 AM	#7
DarkJedi No Refunds Issued. Industry Role: Join Date: Feb 2001 Location: GFY Posts: 28,300	aight thanks, i'll try.

09-22-2003, 03:06 AM	#9
DarkJedi No Refunds Issued. Industry Role: Join Date: Feb 2001 Location: GFY Posts: 28,300	ok this worked: A:hover img, A:active img, A:visited img {border:1px; border-thickness: 1px; border-color: #000000; border-style: solid} But I want it only for a few thumbs that are on the bottom of the page. Other thumbs should be left as the are. How to do it ? I figure some css tag ?