MY HOST<3

My wonderful host is Mille

AFFILATES

Merete ¤ Susan ¤ Elisabeth ¤ Beth ¤ Amy ¤ Vicki ¤ Emma ¤ Daniel ¤ Olivia ¤ Angie ¤ More ?

WELCOME

To ChickyStyle.ohsnapme.org!! This site contains alot of graphis and help for you, at least it will when I'm done. Scroll around and please leave me a message<3

NAVIGATION

Home Domain Visitor Challenge Guestbook

OWNER

Marie: 15 years old. November 23, 1992. Norway. red-head. blue eyes. dancer
Loves: Tokio Hotel, Music, Harry Potter, dancing, friends, money, watch tv + movies, shopping, new clothes, have fun, chill & more
Hates: No money, fakers, liers, spiders, rain, cold, bugs, racists, stealers, homework, teachers, school, arrogant people & more

SITE INFO

Host: Mille
Owner Marie
Hits:
Online: online
Site Since: November 25, 2007
Last Updated: January 18, 2007
Layout Since: January 18, 2007
Layout name: Emma Watson's Funny Faces
Featuring: Emma Watson

UPDATES

January 18, 2007
* New Layout!
January 17, 2007
* About Me Page
January 13, 2007
*New Layout
*1 New Layout
January 12, 2007
*6 Banners
December 30, 2007
* 2 Tutorials
* New Layout
December 29, 2007
* Celeb Birthdays
* 1 Layout
* 2 Icons
December 20, 2007
* Layouts
* Miniblends
* Polaroids
November 30, 2007
* Made alot of new pages
November 25, 2007
* Frontpage
* Started the site!

LINK ME

More ?

DISCLAIMER

Everything on this site was made by me, otherwise started. Please credit me !

Image Effects

Image Button(push)


<!--[if gte IE 5.5000]> <style type="text/css"> .shadowcss{ position: relative; top: -5px; left: -5px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true'); } </style> <![endif]--> <script type="text/javascript"> /*********************************************** * Pop-it Image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ function updownshadow(){ if (event.srcElement.effect=="popshadow"){ shadowobj=event.srcElement if (event.type=="mousedown"){ shadowobj.filters[0].color=shadowobj.mousedowncolor shadowobj.style.left=shadowobj.style.top=0 } else if (event.type=="mouseout" && event.fromElement.effect=="popshadow" || event.type=="mouseup"){ shadowobj.filters[0].color=shadowobj.mouseupcolor shadowobj.style.left=shadowobj.style.top=shadowobj.filters[0].OffX*(-1) } } } if (document.attachEvent){ document.attachEvent("onmousedown", updownshadow) document.attachEvent("onmouseup", updownshadow) document.attachEvent("onmouseout", updownshadow) } </script> <img src="PICTURE URL" class="shadowcss" effect="popshadow" mousedowncolor="white" mouseupcolor="gray">

Embossed

<IMG src="PICTURE URL" style="filter:progid:dximagetransform.microsoft.engrave">

Invent Colours

<IMG src="PICTURE URL" border="0" style="filter:invert">

Fading Left

<IMG src="PICTURE URL HERE" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=80, StartY=80, FinishX=0, FinishY=0)" align="center">

Fading Right

<IMG src="PICTURE URL HERE" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=80, FinishY=80)" align="center">

Fading On One Side

<img src="URL" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=100, StartY=100, FinishX=0, FinishY=100)">

Blurred

<IMG SRC="URL" STYLE="filter:Blur(strength=30)">

Black And White

<img src="URL" id="GRAY" border="0" style="align:center; width:?px; height:?px; filter:gray">

Image Tumbnail(click)

<a target="_blank" href="picture URL here"><img src="picture URL" height="70" width="70"></a>

Picture Frame

<img style="background:#999999; border:#c0c0c0 6px outset" src="PICTURE URL">

Picture Frame 2

<img style="border:#000000 2px outset" src="URL">

Resized

<img src="PICTURE URL" height="70">

Up-Side-Down

<img src="PICTURE URL" border="0" style="filter:flipv">

Mirror

<img src="PICTURE URL" border="0" style="filter:fliph">

Transparent

<IMG src="PICTURE URL" style="filter:alpha(opacity=50)">

Faded Edges

<img src="PICTURE URL" style="Filter: Alpha(Opacity=190, FinishOpacity=0, Style=3, StartX=100, StartY=100, FinishX=0, FinishY=100)">



Mouseovers

From One Picture Til Another

<script TYPE="text/javascript"> <!-- // copyright 1999 Idocs, Inc. http://www.idocs.com/tags/ // Distribute this script freely, but please keep this // notice with the code. var rollOverArr=new Array(); function setrollover(OverImgSrc,pageImageName) { if (! document.images)return; if (pageImageName == null) pageImageName = document.images[document.images.length-1].name; rollOverArr[pageImageName]=new Object; rollOverArr[pageImageName].overImg = new Image; rollOverArr[pageImageName].overImg.src=OverImgSrc; } function rollover(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; if (! rollOverArr[pageImageName].outImg) { rollOverArr[pageImageName].outImg = new Image; rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src; } document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src; } function rollout(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src; } //--> </script> <A HREF="" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="PICTURE URL 1" NAME="home" ALT="" BORDER="0"></A> <script TYPE="text/javascript"> <!-- setrollover("PICTURE URL 2"); //--> </script>
From Faded To Coloured

<style type="text/css"> .gradualshine{ filter:alpha(opacity=30); -moz-opacity:0.3; } </style> <script type="text/javascript"> /*********************************************** * Gradual Highlight image 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 baseopacity=30 function slowhigh(which2){ imgobj=which2 browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) highlighting=setInterval("gradualfade(imgobj)",50) } function slowlow(which2){ cleartimer() instantset(baseopacity) } function instantset(degree){ if (browserdetect=="mozilla") imgobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") imgobj.filters.alpha.opacity=degree } 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.1, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="PICTURE URL">
Spotlight

<style> <!-- #myimage{ filter:light } --> </style> <img id="myimage" src="PICTURE URL"> <script language="JavaScript1.2"> //Image spotlight effect- By Erik F (die_schlampe@hotmail.com) //Code enhancements by Dynamicdrive.com //Visit http://www.dynamicdrive.com for this script s = 50; // the size of the spotlight vp = 10; // the visibility percent of the picture startx = 0; // the top position of your sportlight into the image (on start) starty = 0; // the left position of your spotlight into the image (on start) ////////////////////////////////////////////////////////////////// // No need to edit below this line // ////////////////////////////////////////////////////////////////// var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } </script>



From Gray To Coloured

<IMG src="PICTURE URL" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" a>



Pixel

<!-- begin code provided by createblog.com --> <script language=JavaScript> function ejs_img_fx(img){ if(img && img.filters && img.filters[0]){ img.filters[0].apply(); img.filters[0].play(); } } </script> <IMG onmouseover="ejs_img_fx(this)" style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=3,Duration=1)" src="PICTURE URL" onload="ejs_img_fx(this)" border="0"> <!-- end code provided by createblog.com -->

Drag Picture Around

<style> <!-- .drag{position:relative;cursor:se-resize} --> </style> <script language="JavaScript1.2"> <!-- /* Drag and Drop Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var dragapproved=false var z,x,y function move(){ if (event.button==1&&dragapproved){ z.style.pixelLeft=temp1+event.clientX-x z.style.pixelTop=temp2+event.clientY-y return false } } function drags(){ if (!document.all) return if (event.srcElement.className=="drag"){ dragapproved=true z=event.srcElement temp1=z.style.pixelLeft temp2=z.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script> <img src="PICTURE URL" class="drag">



Marquees

Vertical Moving Picture


<MARQUEE DIRECTION="up" SCROLLDELAY="1" SCROLLAMOUNT="2" HEIGHT="170" STYLE="text-align:justify;filter:wave(add=50, phase=1, freq=2, strength=100);<FONT COLOR=#FF3399>"><center> <BR><img src="PICTUREURLHERE"></center></MARQUEE><BODY onLoad="startBanner()"> <!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></BODY>

Vertical Moving Picture 2

<marquee direction="up" style="filter:wave(add=0, lightstrength=75, phase=1, strength=3, freq=2);color:#1528c7" height="110"><center><img src="PICTUREURLHERE"></center></marquee>

Blinking Moving Picture

<marquee scrollamount="200" scrolldelay="500"> <img src="URL"> </marquee>

Moving Pictures(Without Spaces)

<marquee><img src='URL'><img src='URL'><img src='URL'></marquee>

Moving Pictures(With Spaces)

<marquee behavior="alternate"> <marquee width="200"> <img src="URL"> <img src="URL"> <img src="URL"> </marquee></marquee>

Moving Pictures With Frame

<MARQUEE style="BORDER-RIGHT: #000000 1px SOLID; BORDER-TOP: #000000 1px SOLID; BORDER-LEFT: #000000 1px SOLID; BORDER-BOTTOM: #000000 1px SOLID" width="220"> <img src="URL1"> <img src="URL2"> <img src="URL3"> </MARQUEE>

Back | Forward
Everything here is copyrighted to (C)ChickyStyle.OhSnapMe.org, unless otherwise stated!