Free' ID Dream {closed}''

ลำดับตอนที่ #8 : ID Dream ' puzzle love

!-- This blog layout is made by happy germs -->
<!-- Do not remove the credits or even think of doing so-->
<!-- © http://www.happy-germs.blogspot.com-->

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2,irisStyle=STAR)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=2,irisStyle=STAR)">

<!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colour="#fabbbf";
var sparkles=95;

/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>

</script>

<script language=JavaScript>
<!--
 
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
 
var message="please leave me alone.";
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
 
// -->
</script>

<html>
<head>
<title>Puzzle Love.♥</title>

                                      <script language=JavaScript>
                                      <!--
                                     
                                      //Disable right click script III- By Renigade (renigade@mediaone.net)
                                      //For full source code, visit http://www.dynamicdrive.com
                                     
                                      var message="";
                                      ///////////////////////////////////
                                      function clickIE() {if (document.all) {(message);return false;}}
                                      function clickNS(e) {if
                                      (document.layers||(document.getElementById&&!document.all)) {
                                      if (e.which==2||e.which==3) {(message);return false;}}}
                                      if (document.layers)
                                      {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
                                      else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
                                     
                                      document.oncontextmenu=new Function("return false")
                                      // -->
                                      </script>

<style type="text/css">

#navbar-iframe {height: 0px; display:none}

body{
font-family:Helvetica;
font-size:11px;
color:#858585;
background-color:#e3e3e3;
background: url(http://i136.photobucket.com/albums/q200/Cheerio249/Blogskin%20Icons/white-grey-background.jpg)}

a:link, a:visited, a:active{
text-decoration:none;
font-family:Helvetica;
font-size:11px;
color:#FFB6B6;}
a:hover{
cursor:pointer;
filter: alpha(opacity="50"); opacity: 0.5;
-webkit-transition:0.5s;
-webkit-transition-duration:0.5s;}

a.frens{
font-family:Helvetica;
font-size:10px;
background-color:#eee;
color:#ff5e87;
text-transform:uppercase;
width:75px;
padding:3px;
margin:3px;
text-align:center;
display:inline-block;}
a.frens:hover{
filter: alpha(opacity="50"); opacity: 0.5;
-webkit-transition:0.5s;}

b, bold, strong{color:#FFB6B6;}
i{font-family:Georgia;}
u{color:#666; text-decoration: none; border-bottom: 2px #FFB6B6 solid;}
s{color:#FFB6B6;}

#main{
top:5px;
left:5px;
width:575px;
background-color:#fcfcfc;
font-family:Helvetica;
font-size:11px;
color:#858585;
letter-spacing:1px;
position:absolute;
padding:5px;}

#navigations{
background:none;
text-align:center;
font-family:Courier New;
font-size:15px;
word-spacing:10px;
letter-spacing:1px;
color:#fff;
width:550px;}

.naviheader{
top:255px;
left:230px;
height:auto;
width:550px;
text-align:center;
position:fixed;
background-color:#000;
padding:5px;}

.h1{
font-family:charlemagne std;
font-size:22px;
color:#FFB6B6;
text-transform:uppercase;
letter-spacing:-2px;}
.h1:first-letter{
font-family:charlemagne std;
font-size:32px;
font-style:italic;
color:#FFB6B6;
text-transform:uppercase;
letter-spacing:-2px;}

.h2{
font-family:Georgia;
font-size:22px;
color:#a4a4a4;
text-transform:uppercase;
letter-spacing:-2px;}
.h2:first-letter{
font-family:Georgia;
font-size:32px;
font-style:italic;
color:#a4a4a4;
text-transform:uppercase;
letter-spacing:-2px;}

.h3{
font-family:Courier New;
font-size:11px;
letter-spacing:1px;
color:#666;
text-transform:lowercase;
padding-bottom:5px;
border-bottom:1px solid #959595;}

::-moz-selection{background-color:transparent; color:#fc83a2;}

blockquote{
font-family:Helvetica;
font-size:11px;
color:#454545;
padding:10px;
background-color:#eee;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;}

blockquote:hover{
color:#000;
padding:10px;
background-color:#d5d5d5;
-moz-border-radius:0px 20px 0px 20px;
-webkit-border-radius:0px 20px 0px 20px;
-webkit-transition:0.5s;
-webkit-transition-duration:0.5s;}

img{filter:alpha(opacity=80) moz-opacity:.8; opacity:.8;}
img:hover{-webkit-transition:1s; -webkit-transition-duration:1s; filter:alpha(opacity=100); moz-opacity:1.0; opacity:1.0;}
img.icons{width:100px; float:right; padding-left:10px; padding-top:15px;}

</style>

<script type="text/javascript">
function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

<noembed><body>
</noembed>

<div style="position:fixed; top:20px; left:10px; width: auto; height:800px; padding:2px; '" onMouseout="this.style.color='#fff'" onClick="changeNavigation('entries')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-1.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('twitter')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-3.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('profile')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-2.jpg"></span><br><br>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('wishlist')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-6.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('tagboard')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-5.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('links')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-4.jpg"></span><br><br>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('site')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-7.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('others')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-9.jpg"></span>
<span style="color: #fff;cursor: text;" onMouseover="this.style.color='#ff5e87'" onMouseout="this.style.color='#fff'" onClick="changeNavigation('credits')"><img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/bcd49956-8.jpg"></span>
</div></div></div></div></div>

<div style="position:fixed; top: 22px; left:580px; width:630px; height:545px; background-color:white; overflow:scroll; ">
<div id="main">
<div class="h2">i'd love to take you for a ride.</div><br><br>
<div align="center"><FONT
color="#F52887"><MARQUEE direction="up" scrollamount="2" loop="20" width="75%">

Every time we meet<br>
The picture is complete<br>
Every time we touch<br>
The feeling is too much<br>
<br>
She's all I ever need<br>
To fall in love again<br>
I knew it from the very start<br>
She's the puzzle of my heart<br>
<br>
It's the way she's always smiling<br>
That makes me think she never cries<br>
I feel I'm losing my defences<br>
To the colour of her eyes<br>
<br>
And every little piece of her is right<br>
<br>
<STRONG><font size="-1"><i>Puzzle of my heart - Westlife</i></font>
<p>
<p>
<p>
</STRONG></MARQUEE></FONT></DIV>
</center>
<br>
<b>Welcome to my blog.</b> <br>
There's alot of <i>nostalgia</i> here so bring along <br>
your memory box as <i>I take you for a ride.</i><br>
Click on the <u>9 puzzle pictures</u> at the left <br>
to navigate around my blog.<br>
<br>
I am a rebellious girl living in my own world.<br>
I don't like <s>instructions</s> like tabs <br>
to profile, entries and tagboard.<br>
<i>You shall click on all of them to <br>
explore my little world of defiance.</i><br>
<br>
And if you are the <s>obedient</s> little kid,<br>
or every teacher's <s>apple of the eye,</s><br>
<b>click on the red little button with 'X'.</b><br>
<i>cos' we shall say goodbye.</i><br>
</div></div>
</div>

<div id="entries" style="display:none;">
<Blogger>
<div class="h2"> <$BlogItemTitle$> </div>
<div class="h3"> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> </div><br>
<$BlogItemBody$><br><br>
<center><br>
<$BlogItemDateTime$>
</center>
<br>
</Blogger>
</div>

<div id="twitter" style="display: none;">
<div class="h1">Stalk Her Always</div><br>
<div id="twitter_div">
<ul id="twitter_update_list" style="list-style-image: url('http://i136.photobucket.com/albums/q200/Cheerio249/Blogskin%20Icons/002.gif');"></ul>
<center><a href="http://twitter.com/happy_germs" target="blank" id="twitter-link" style="text-align: center;">Follow me on Twitter</a></center></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/happy_germs.json?callback=twitterCallback2&count=4"></script>
<br>
</div>

<div id="profile" style="display: none;">
<img src="http://i136.photobucket.com/albums/q200/Cheerio249/Blogskins%20Host/tumblr_l9rck4MvjP1qdhwx3o1_500-1.jpg" align="right" />
<div class="h1">About The Girl</div><br><br>
Her name is <u>Alicia</u>. <br><br>
This shall be her <s>short</s> and sweet introduction.<br><br>
These are the <u>little things</u> that make her world go round.<br><br><br>
<i>Vintage photographs. Long bus rides. Fancy ribbons. Warm cappucino. Pretty bags. Beach cycling. Decorating cupcakes. Falling in love. Hearing your favorite song on the radio. Scrolling in the rain. Lying in bed listening to the rain outside. Milkshakes. Bubble baths. Giggling. Long convo’s late at night. The beach. Running through sprinklers. Laughing at an inside joke. Laughing at yourself. Laughing so hard your stomach hurts. Laughing for absolutely no reason at all. Just plain laughing. Having someone tell you that you’re beautiful. Friends. Accidentally overhearing someone say something nice about you. Waking up and realizing you still have a few hours left to sleep. First kisses. Making new friends or spending time with old ones. Playing with a new puppy. Sweet dreams. Hot chocolate. Road trips with friends. Making chocolate chip cookies. Holding hands with someone you care about. Watching the sunrise. Watching a sunset. Getting out of bed in the morning after sleeping in and looking out the window to see its sunny, birds are chirping, and kids are playing. Knowing that somebody misses you.
</i><br>
<br><br>
<b>Introduce yourself and add your loves and hates right here.</b><br> <br><br>
<center><b>bold</b> <i>italic</i> <u>underlined</u> <s>strikethrough</s></center><br>
<br>
<div align=right>
<a href="http://twitter.com/happy_germs" target="_blank"> Twitter</a> •
<a href="http://www.facebook.com/" target="_blank"> Facebook</a> •
<a href="http://www.happy-germs.tumblr.com/" target="_blank"> Tumblr</a> <br>
</div>
</div>

<div id="wishlist" style="display: none;">
<div class="h1">Make A Wish</div><br><br>
<i>Place your wishlist here.</i><br>
</div>

<div id="tagboard" style="display: none;">
<div class="h1">Chat With Me</div><br><br>
<i>Place your tagboard here.</i><br><br>
It may be in <a href="http://cbox.ws/">cbox</a> or <a href="http://shoutmix.com/">shoutmix</a>.<br>
<br>
Suggested size is <b>width 550px</b> and <b>height 500px</b>. <br><br>
If it's too big for you, feel free to change the size as and when you wish to.</br>
</div>

<div id="links" style="display: none;">
<div class="h1">Fly Far Away</div><br><br>
<center>
<a href="http://happy-germs.blogspot.com/" class="frens">Alicia</a> <a href="http://url.blogspot.com/" class="frens">Ben</a> <a href="http://url.blogspot.com/" class="frens">Carol</a>
<a href="http://url.blogspot.com/" class="frens">Don</a> <a href="http://url.blogspot.com/" class="frens">Emma</a> <a href="http://url.blogspot.com/" class="frens">Fred</a>
<a href="http://url.blogspot.com/" class="frens">Gary</a> <a href="http://url.blogspot.com/" class="frens">Henry</a> <a href="http://url.blogspot.com/" class="frens">Ivy</a>
<a href="http://url.blogspot.com/" class="frens">Jess</a> <a href="http://url.blogspot.com/" class="frens">Kathy</a> <a href="http://url.blogspot.com/" class="frens">Lily</a>
<a href="http://url.blogspot.com/" class="frens">Maggiet</a> <a href="http://url.blogspot.com/" class="frens">Nathan</a> <a href="http://url.blogspot.com/" class="frens">Oliver</a>
<a href="http://url.blogspot.com/" class="frens">Paul</a> <a href="http://url.blogspot.com/" class="frens">Queen</a> <a href="http://url.blogspot.com/" class="frens">Ray</a>
<a href="http://url.blogspot.com/" class="frens">Sam</a> <a href="http://url.blogspot.com/" class="frens">Tony</a> <a href="http://url.blogspot.com/" class="frens">Una</a>
<a href="http://url.blogspot.com/" class="frens">Val</a> <a href="http://url.blogspot.com/" class="frens">Wayne</a> <a href="http://url.blogspot.com/" class="frens">Xena</a>
</center>
<br>
</div>

<div id="site" style="display: none;">
<div class="h1">Beginning My Past</div><br><br>
<i>Your site's information on <br>
how did it start, when did it start and why did it start <br>
goes here.</i><br>
<br>
<BloggerArchives>
<option value="<$BlogArchiveURL$>">• <$BlogArchiveName$></option>
</BloggerArchives>
</select>
<br>
</div>

<div id="others" style="display: none;">
<div class="h1">Read More Junk</div><br><br>
<i>Place your other stuff here.</i><br>
<br>
<b>For example, your blogskin contest and awards etc.</b>
</div>

<!--- DO NOT REMOVE THE CREDITS! ---!>

<div id="credits" style="display: none;">
<div class="h1">A Million Thanks</div><br><br>
Designer: <a href="http://www.happy-germs.tumblr.com/">happy-germs</a><br>
Reference: <a href="http://www.blogskins.com/info/357651">title-less</a>
Cursor: <a href="http://www.freewebs.com/">fairy dust</a><br>
Photographs: <a href="http://www.tumblr.com/">tumblr</a><br>

</div>

<div style="position:fixed; top:800px; left:100px; width: 0px; height:0px; padding:2px; " loop="true" playcount="2" src="http://www.youtube.com/watch?v=6nP97TkCmg4" width="300"/></embed>

</div>

</body>
</html>

<!-- © http://www.happy-germs.blogspot.com-->

Cry .Q