HTML: Hover Update Box

Using the code below, edit the images, URLS, height and width.

~ Your date Goes here ~ This is an update box for your site, so you can display all your updates in this fancy box xP To scroll down and up, all you have to do is hover over the arrows underneath the box. please keep my link on, if I found out you have removed it you will be sorry. Hope you like these, and enjoy! All you have to do is copy the code below, and paste it where you would like it to be seen on your site :) When you have got your code on your site, where I have wrote this is the only bit you need to edit, if you mess with the code or change it it will not work. This is what your updates will look like, and ofcourse they will all fit in to match your CSS Code :)

<div align="center"> <img src="YOUR UPDATE BOX TOP IMAGE" border="0"></a> <table cellspacing="0" cellpadding="0" bgcolor="#bgcolorhere" border="0" style="cursor:none" link="#" vlink="#" text="#"> <tr> <td> <script language="JavaScript1.2"> iens6=document.all||document.getElementById ns4=document.layers var speed=7 if (iens6){ document.write('<div id="container" style="position:relative;width:#colorhere;height:#colorhere;border:2px solid #colourhere;overflow:hidden">') document.write('<div id="content" style="position:absolute;width:#widtj;left:#;top:#">') } </script> <ilayer name="nscontainer" width=306 height=130 clip="0,0,175,130"> <layer name="nscontent" width=306 height=130 visibility=hidden></center><font color="#F18EC4"> <!-- INSERT YOUR CONTENT HERE --> WRITE YOUR UPDATES HERE <br><br> <!-- INSERT YOUR CONTENT HERE --> </div></td> </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> </table> <center><table width="306px"> <tr> <td> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="IMAGE URL OF THE IMAGE GOING UP ON HOVER" border=0></a> </td> <td valign="top"><center> <a href="http://www.pretty-secrets.net" target="_blank"><img src="IMAGE URL OF THE CREDIT" border="0"></a> </td> <td><p align="right"> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="IMAGE URL OF THE IMAGE GOING DOWN ON HOVER" border=0></a> </td> </tr> </table></center> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",100) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",100) } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility="show" } window.onload=getcontent_height </script>

Newest On Pretty-Secrets: Myspace Quotes 8

Coming Soon

Summer Myspace Layouts, Sunshine Myspace Layouts Alchohol Myspace Layouts, Animal Print Myspace Layouts, Attitude Myspace Layouts, Beauty Myspace Layouts, Celebrity MyspaceLayouts, Crumpled Myspace Layouts, Cute Myspace Layouts, Fashion Myspace Layouts, Heart Myspace Layouts, Kisses Myspace Layouts, Love Myspace Layouts, Music Myspace Layouts, Peace Myspace Layouts, Photography Myspace Layouts, PrincessMyspace Layouts,Quote Myspace Layouts, Retro Myspace Layouts, Rock n Roll Myspace Layouts, Sexy Myspace Layouts, Skull Myspace Layouts, Star Myspace Layouts, Summer 2009 Myspace Layouts, Tatoo Myspace Layouts, Television Myspace Layouts, Word Myspace Layouts

quotes

profile graphics

twitter graphics

comment your friends

graphics

links