PDA

Click to See Complete Forum and Search --> : Link Display help....anyone??

KillerRiffs
02-09-2003, 12:38 PM
HI...I've been working for too long trying to figure this out....
someone already has helped me to get this far..and now im almost there, but am stuck again...

anyways....

here is the link to the page
http://www.geocities.com/geomancermetal/okay.html

as you can see when you roll over the little globes, they turn green, and their respective descriptions are displayed...

well i can't figure out how to change the font size, face, etc. of the displayed text...only the color..and that i would always like to be #66CC33

i also want it to always display the the text 'welcome to the official site' whenever the mouse is not over the links...(and as soon as you load the page...)

can anyone please help me?? it would be greatly appreciated!!



Thanks so much!!

-Pat


and here is the script here::


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Frametop</title>

<style>
#heading { color: white size="1";
}

</style>
<script language="Javascript">
<!--
function changeText(text, picturename) {
var toChange = document.getElementById("heading");
toChange.firstChild.nodeValue=text;
document.getElementById("heading").style.color="66CC33";
document.getElementById(picturename).src="earthlink.jpg"

}
function changeBack(picturename)
{
var toChange = document.getElementById("heading");
document.getElementById("heading").style.color="66CC33";
document.getElementById(picturename).src="earthlinkalt.jpg"
}
//-->
</script>
</head>

<body bgcolor="black">
<center><img src="logo.jpg"> <br>
<h1 ID="heading">Welcome to my Site</h1></center>
<center>
<a onMouseout="changeBack('Origin')" href="main.html" onMouseOver="changeText('O R I G I N', 'Origin')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="origin"></a>

<a onMouseout="changeBack('Sounds')" href="sounds.html" onMouseOver="changeText('S O U N D S', 'sounds')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="sounds"></a>

<a onMouseout="changeBack('Appearances')" href="live.html" onMouseOver="changeText('Appearances', 'Appearances')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Appearances"></a>

<a onMouseout="changeBack('Releases')" href="releases.html" onMouseOver="changeText('Releases', 'Releases')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Releases"></a>

<a onMouseout="changeBack('Images')" href="pictures.html" onMouseOver="changeText('Images', 'Images')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Images"></a>

<a onMouseout="changeBack('Biography')" href="bio.html" onMouseOver="changeText('Biography', 'Biography')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Biography"></a>

<a onMouseout="changeBack('Reviews')" href="reviews.html" onMouseOver="changeText('Reviews', 'Reviews')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Reviews"></a>

<a onMouseout="changeBack('Contact')" href="contact.html" onMouseOver="changeText('Contact', 'Contact')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Contact"></a>

<a onMouseout="changeBack('Messageboard')" href="http://disc.server.com/Indices/190502.html" onMouseOver="changeText('Messageboard', 'Messageboard')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Messageboard"></a>

<a onMouseout="changeBack('Links')" href="links.html" onMouseOver="changeText('L I N K S', 'Links')">
<img src="earthlinkalt.jpg" width="75" height="75" border="0" ID="Links"></a></center>
</body>
</html>
Nevermore
02-09-2003, 01:10 PM
I've already PMd you with a reply to your request. In case you didnt get it, go to http://www32.brinkster.com/jjscripts/javascript3.html for the script.
Zach Elfers
02-09-2003, 01:32 PM
See where it says:

#heading { color: white size="1";
}

You can add a new line like this:

#heading {
color:white;
font-size:12pt;
}

Hope that helps!