/    Sign up×
Community /Pin to ProfileBookmark

text bolds on mouse over the link

Copy linkTweet thisAlerts:
Jun 17.2003

what is the tag to make a link bold when the mouse is over. or pictures change onn mouse over?

to post a comment
HTML

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@PeOfEoJun 17.2003 — <style type="text/css">

:link {color:#00ffff;font-weight:;text-decoration:none;}

:active {color:#00ffff;font-weight:;text-decoration:none;}

:visited {color:#00ffff;font-weight:;text-decoration:none;}

:hover {color:#4682b4;font-weight:;text-decoration:bold;}

</style>

place that in your head.
Copy linkTweet thisAlerts:
@wildwobbyauthorJun 17.2003 — what about pictures?
Copy linkTweet thisAlerts:
@wildwobbyauthorJun 17.2003 — and that just changes colors
Copy linkTweet thisAlerts:
@PeOfEoJun 17.2003 — ok thats a java script more like this.

just edit it I used it a long time ago on another site of mine

<!--

if (document.images) { // Active Images

img1on = new Image();

img1on.src = "http://www.angelfire.com/ego2/bs/images/main_u.gif";

img1off = new Image();

img1off.src = "http://www.angelfire.com./ego2/bs/images/main_o.gif";

img2on = new Image();

img2on.src = "http://www.angelfire.com/ego2/bs/images/games_u.png";

img2off = new Image();

img2off.src = "http://www.angelfire.com./ego2/bs/images/games_o.png";

img3on = new Image();

img3on.src = "http://www.angelfire.com/ego2/bs/images/programs_u.png";

img3off = new Image();

img3off.src = "http://www.angelfire.com./ego2/bs/images/programs_o.png";

img4on = new Image();

img4on.src = "http://www.angelfire.com/ego2/bs/images/apps_u.png";

img4off = new Image();

img4off.src = "http://www.angelfire.com./ego2/bs/images/apps_o.png";

img5on = new Image();

img5on.src = "http://www.angelfire.com/ego2/bs/images/pranks_u.png";

img5off = new Image();

img5off.src = "http://www.angelfire.com./ego2/bs/images/pranks_o.png";

img6on = new Image();

img6on.src = "http://www.angelfire.com/ego2/bs/images/funstuff_u.png";

img6off = new Image();

img6off.src = "http://www.angelfire.com./ego2/bs/images/funstuff_o.png";

img7on = new Image();

img7on.src = "http://www.angelfire.com/ego2/bs/images/support_u.png";

img7off = new Image();

img7off.src

= "http://www.angelfire.com./ego2/bs/images/support_o.png";

img8on = new Image();

img8on.src = "http://www.angelfire.com/ego2/bs/images/screenshots_u.png";

img8off = new Image();

img8off.src = "http://www.angelfire.com./ego2/bs/images/screenshots_o.png";

img9on = new Image();

img9on.src = "http://www.angelfire.com/ego2/bs/images/projects_u.png";

img9off = new Image();

img9off.src = "http://www.angelfire.com./ego2/bs/images/projects_o.png";

img10on = new Image();

img10on.src = "http://www.angelfire.com/ego2/bs/images/peo_u.png";

img10off = new Image();

img10off.src = "http://www.angelfire.com./ego2/bs/images/peo_o.png";

img11on = new Image();

img11on.src = "http://www.angelfire.com/ego2/bs/images/curry_u.png";

img11off = new Image();

img11off.src = "http://www.angelfire.com./ego2/bs/images/curry_o.png";

img12on = new Image();

img12on.src = "http://www.angelfire.com/ego2/bs/images/archives_u.png";

img12off = new Image();

img12off.src = "http://www.angelfire.com./ego2/bs/images/archives_o.png";

}

// Function to show image as mouse moves over the area

function imgOn(imgName) {

if (document.images) {

document[imgName].src = eval(imgName + "on.src");

}

}

// Function to show image after mouse moves off the area

function imgOff(imgName) {

if (document.images) {

document[imgName].src = eval(imgName + "off.src");

}

}

// -->

</script> that goes in your head


this is n your body where the link is


<a href onMouseOver="imgOn('img4')" onMouseOut="imgOff('img4')"><img

NAME="img4" SRC="http://www.angelfire.com/ego2/bs/images/apps_o.png" width="119" height="25" ALT="applications"></a> </td>

</tr>
Copy linkTweet thisAlerts:
@JonaJun 17.2003 — [font=courier new]

<!--For links-->

<style type="text/css">

<!--

A {color:blue;}

A:visited {color: purple;}

A:active {color:red;}

A:hover {color:red;}

-->

</style>

<!--For image changes on mouse over-->

<img src="off.gif" onmouseover="this.src='on.gif';" onmouseout="this.src='off.gif';">

[/font]

[b]Jona[/b]
Copy linkTweet thisAlerts:
@PeOfEoJun 17.2003 — <style type="text/css">

:link {color:#00ffff;font-weight:;text-decoration:none;}

:active {color:#00ffff;font-weight:;text-decoration:none;}

:visited {color:#00ffff;font-weight:;text-decoration:none;}

:hover {color:#4682b4;font-weight:bold;text-decoration:none;}

</style>

place that in your head. This will make it bold sorry I made a bobo the first time.
Copy linkTweet thisAlerts:
@wildwobbyauthorJun 17.2003 — still no bold
Copy linkTweet thisAlerts:
@JonaJun 17.2003 — [font=arial][color=maroon]Wildwobby, post a link to your page. Apparently you have other CSS code on your document that is overriding what we are giving you.[/color][/font]

[b]Jona[/b]
Copy linkTweet thisAlerts:
@PeOfEoJun 20.2003 — yes my code is tried and tested and will work on any browser too. That code is standard.
×

Success!

Help @wildwobby spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...