4 replies to this topic

[user_f_ps_other]

Can someone help me out please. I would like to know how to do the same effect like on this page. When you move the mouse over the selected text (i.e Car Wash Tint) it highlights the text. Here is the url link to the website

http://www.decileart...rials.photoshop

Thanks for the help.

[oliver.m]

My guess is that its done in CSS (Cascading Style Sheets), i know that you can make the background colour of a link change when you hover the mouse over it, and by the looks of things they have made a big area work as a link so that when the mouse hovers over, the background changes colour...

Here is an exmaple of the CSS code needed to make the background colour to a link change when the mouse hovers over...

A:hover {
color : #704033;
text-decoration : none;
}

I'm not expert at CSS, but i hope this helps, i'm sure there are some other people/tutorials that will help

[kschembri]

that just changes the text color on a rollover.

if you want the background to actually highlight you must use javascript and utilize the background color for tables.

so you would place your text within a <tr> and the <tr> code would look somethin glike this:

<td bgcolor="#colorhere" onmouseover="this.style.background='#colorhere'" onmouseout="this.style.background='#colorhere'">

You can see a working example on my site at kschembri.com.

[user_f_ps_other]

Thanks kschembri that's what I was after.

[coolaid]

user_f_ps_other, on Jun 14 2005, 05:12 PM, said:

Thanks kschembri

lol. make it clear that oliver wasted ur time eh!!! harsh