Description Box

First I'll Tell You Whats A Description Box!
It's A Box For Your Pages That Descripes Your Page At The Same Time! I Use This Code A Little Cause I'm Not Into It;\ Follow My Tutorial If You Want To Get Your Own :)

1st. Copy The Code Below And Paste It Into An Html Box:
<style type="text/css"> #menu{ border: 1px solid black; width: 300px; background-color: #606060; } #menu a{ font: normal 10px verdana; padding: 2px; padding-left: 4px; display: block; width: 100%; color: black; text-decoration: none; border-bottom: 1px solid black; } html>body #menu a{ width: auto; } #menu a:hover{ background-color: black; color: white; } #tabledescription{ width: 100%; height: 3em; padding: 2px; filter:alpha(opacity=0); -moz-opacity:0; } </style> <script type="text/javascript"> var baseopacity=0 function showtext(thetext){ if (!document.getElementById) return textcontainerobj=document.getElementById("tabledescription") browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) document.getElementById("tabledescription").innerHTML=thetext highlighting=setInterval("gradualfade(textcontainerobj)",50) } function hidetext(){ cleartimer() instantset(baseopacity) } function instantset(degree){ if (browserdetect=="mozilla") textcontainerobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") textcontainerobj.filters.alpha.opacity=degree else if (document.getElementById && baseopacity==0) document.getElementById("tabledescription").innerHTML="" } function cleartimer(){ if (window.highlighting) clearInterval(highlighting) } function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=20 else if (window.highlighting) clearInterval(highlighting) } </script>
2nd. Colors And Fonts It's Up To You Change Whatever You Like! Finished? Ok But If You Want A Good Results Just Change The Font Into Small Fonts Cause It Looks Better! And Don't Use Large Fonts;s Medium Fonts Is Ok!
<div id="menu"><center> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <div id="tabledescription"> </div></center></div>
3rd. The Code Above Is A Discription And The Pages.. Where It Says "PAGES HERE" You Need To Put Your URL Adress Into The Description Box.. And Replace "DISCREPTION HERE" With Any Sayings That Discripes Your Page.. For Example : The Page About Is About Me, Fav Stuffs ... etc! Put Anything You Want , So Enjoy With Your Own Discription Box! :)