Site Stats

Currently: 5 online Total Hits: 3095817

Domain Info

- Hosting brought on 06/19/2003 - Hosted by Ace-host recommended - 5GB space 60Gb data/month

Display information

Optimised for: 1024 x 768 resolution Internet Explorer Macromedia Flash Also tested and working in: Netscape Mozilla Firefox

Being Validated

Girl

Char, 20, female, British, Gemini, ...more?

Alternative Navigation

Girl Domain Tutorials Goodies Etc Clear

Recommended

Change skin

#Select skin Skin 1 - purple Skin 2 - pink Skin 3 - blue Skin 4 - red Skin 5 - pink/grey Skin 6 - green Skin 7 - Pink/Orange Skin 8 - Multicoloured # Preview skins

Give a gift :)

Cam

Affiliates

Top 15 Referrers

1) cute-spot.com [6765] 2) cute-spot.com [4134] 3) veredgf.fre... [3463] 4) carrieware.com [1678] 5) bouncy-bubb... [966] 6) divergente.org [846] 7) rainbow-bit... [744] 8) bouncy-bubb... [733] 9) shatteredel... [639] 10) rainbow-bit... [635] 11) yanhuahuo.b... [630] 12) cute.startk... [584] 13) users.volja... [565] 14) kao-ani.com [541] 15) so-juicy.net [537]

[ Get this script ]

Search

Web so-you.net

so-youNET Advertisments!

Ace-host.Net

Want to advertise here? Email me char@so-you.net click here for details

Draggable Div Layer!

These are just too cool! :D hehe click here.  How good is that?! Copy the code below into the head section of your page Click to copy to clipboard <script language="JavaScript1.2"> // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false"); </script> Then paste the HTML below into the body section of your page Click to copy to clipboard <div id="theLayer" style="position:absolute;width:250;left:31;top:26;visibility:visible"> <table border="0" width="250" style="border:1pt solid black" cellspacing="0" cellpadding="0"> <tr> <td width="100%"> <table border="0" style="background:hotpink" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td id="titleBar" style="cursor:move;padding:2pt;border-bottom:1pt solid black" width="100%"> <ilayer width="100%" onSelectStart="return false"> <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"> Layer Title </layer> </ilayer> </td> <td style="cursor:hand;padding:2pt;border-bottom:1pt solid black" valign="top"> <p align="right"> <a href="#" onClick="hideMe();return false">X</a> </td> </tr> <tr> <td width="100%" class="td" style="padding:2pt;background:white" colspan="2"> <!-- PLACE YOUR CONTENT HERE //--> <div id="menustuff"> Put whatever your heart desires into here! :D </div> </td> </tr> </table> </td> </tr> </table></div> Then you just style it as usual HTML, to change the border, change the parts border:1pt solid black and border-bottom:1pt solid black. The style="position:absolute;width:250;left:31;top:26;visibility:visible" part is where the layer is originally positioned (see my absolute positioning tut if you need help) and if you want it visible or not.  If you don't want it visible until a link is clicked change to visibility:hidden Showing and hiding the layer! If you want to show the layer by clicking a link, like I did, simply use this code <a href="javascript:showMe();">show</a> And if you want to hide the layer in the same way <a href="javascript:hideMe();">hide</a> Have fun!! :D