Your source shows this:
Code:
<img class="logo" src="http://www.italia-mobili.it/themes/decodesign/img/logo.png" alt="Italia Mobili" />
Replace it with something like this:
Code:
<img class="logo" style="cursor: pointer" src="http://www.italia-mobili.it/themes/decodesign/img/logo.png" alt="Italia Mobili" onMouseover="ddrivetip('<img src=\'http://www.italia-mobili.it/themes/decodesign/img/logo.png\' style=\'position: relative; width:200px; height:40px; float: left; margin-right:10px; \'><a style=\'font-family: arial; font-size: 12px; \'>Homo habilis has a smaller face and smaller teeth than Australopithecines or older hominin species. But it still retains some ape-like features, including long arms and a moderately-prognathic face. <br><br>Its name, which means `handy man`, was given in 1964 because this species was thought to represent the first stone-tool maker. Currently, the oldest stone tools are dated slightly older than the oldest evidence of the genus Homo. <br><br>Homo habilis was the earliest known species of the genus Homo until May 2010, when Homo gautengensis was proposed by Darren Curnoe, a species theorized to be even older than Homo habilis. <br><br>Cranial capacity varied between 500 and 800 cc (with an average of 650 cc), which is small, considering that habilis was about 127 cm tall and weighed about 45 kg. Internal markings on the skull indicate that his brain had a humanlike shape. A bulge in the area used for speech on the left side of the brain (Broca`s area), suggests that habilis may have been capable of rudimentary speech. He was also the first hominid to add meat to its vegetarian diet. <br><br>He probably descended from a gracile bipedal ape, such as Australopithecus afarensis or Australopithecus africanus.<\/a>','white',500)" onMouseout="hideddrivetip()">
See this:
Code:
<!doctype html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Untitled</title>
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>
</head>
<body>
<img class="logo" style="cursor: pointer" src="http://www.italia-mobili.it/themes/decodesign/img/logo.png" alt="Italia Mobili" onMouseover="ddrivetip('<img src=\'http://www.italia-mobili.it/themes/decodesign/img/logo.png\' style=\'position: relative; width:200px; height:40px; float: left; margin-right:10px; \'><a style=\'font-family: arial; font-size: 12px; \'>Homo habilis has a smaller face and smaller teeth than Australopithecines or older hominin species. But it still retains some ape-like features, including long arms and a moderately-prognathic face. <br><br>Its name, which means `handy man`, was given in 1964 because this species was thought to represent the first stone-tool maker. Currently, the oldest stone tools are dated slightly older than the oldest evidence of the genus Homo. <br><br>Homo habilis was the earliest known species of the genus Homo until May 2010, when Homo gautengensis was proposed by Darren Curnoe, a species theorized to be even older than Homo habilis. <br><br>Cranial capacity varied between 500 and 800 cc (with an average of 650 cc), which is small, considering that habilis was about 127 cm tall and weighed about 45 kg. Internal markings on the skull indicate that his brain had a humanlike shape. A bulge in the area used for speech on the left side of the brain (Broca`s area), suggests that habilis may have been capable of rudimentary speech. He was also the first hominid to add meat to its vegetarian diet. <br><br>He probably descended from a gracile bipedal ape, such as Australopithecus afarensis or Australopithecus africanus.<\/a>','white',500)" onMouseout="hideddrivetip()">
<div id="dhtmltooltip" style="border: 1px solid black; padding: 5px"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>
</body>
</html>
setting for tooltip
Reply With Quote
Bookmarks