Sublime directory Surf the web anonymous Pagerank Monitor


How do i code this?

Silent77
Tue 13 June 2006, 05:49 am GMT +0300
Ok I don't know much about Javascript. What i am trying to do is make a line of wording switch when you hover it, and have it where i can code them seperatly with html.

olaf
Tue 13 June 2006, 09:21 am GMT +0300
do you know a site with this feature?

Silent77
Tue 13 June 2006, 09:23 am GMT +0300
no im actually trying to make something new. i have not seen it done before.

olaf
Tue 13 June 2006, 09:25 am GMT +0300
no im actually trying to make something new. i have not seen it done before.
than you have to describe it a little bit more ;)
but sounds like this: http://www.squarefree.com/htmledit/ Visit through proxy

Silent77
Tue 13 June 2006, 09:34 am GMT +0300
Aight, I didn't want to come out and say what im trying to do but if I can figure it out I'm sure other can... what I am trying to do is what this website has done with its nav bar. http://www.2dollarhost.net Visit through proxy    I don't want it exactly like that though. See what i am trying to do is make it where a link is, for example, white. When you hover over this white it stay white and has an underline. I know what your thinking... use css!... well no, what I want to do is color the unline only... much like 2dollarhost did with the strikeout. What I thought was use a javascript as a rollover swap. Code the java script to swap the code... like below
Code:
<font face="Verdana" size="1" color="#FFFFFF"><u><a href="">About Us</a></u></font>
if I do it this way it will have an underline all the time. So if i use a js to swap it I could do this...
Code:
<font face="Verdana" size="1" color="#FFFFFF"><a href="">About Us</a></font>
on rollover or w/e switch to
<font face="Verdana" size="1" color="#FFFFFF"><u><a href="">About Us</a></u></font>

thats what I was thinking.

olaf
Tue 13 June 2006, 09:48 am GMT +0300
its still a case for CSS...you can swap images with CSS or just use the border element in place of the underline...

Silent77
Tue 13 June 2006, 10:06 am GMT +0300
im not useing images im trying to keep it text based and how would i use the boarder?

olaf
Tue 13 June 2006, 10:52 am GMT +0300
the CSS:

Code:
<style type="text/css">
a {
text-decoration:none;
}
a:hover {
border-bottom:1px dotted #FF0000;
}
</style>

this is very basic! you should read the beginner tutorials, to ask here everytime is to easy:

start learning here: http://www.w3schools.com/css/default.asp Visit through proxy

Silent77
Tue 13 June 2006, 11:01 am GMT +0300
hmm... I didn't even think to use the border  :(

Thanks.

Archive for SMF v1.00 by N.P. Valid XHTML 1.0 Transitional