<html>
<head>
<a style="display:scroll;position:fixed;top:5px;right:95px;" href="http://www.blogger.com/follow-blog.g?blogID=8833953682957165361" title="Follow Me"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:5px;right:10px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>
<link href='http://www.drikoti.net/Goodies/Favicons/Gifs/novo03.png' rel='shortcut icon' type='image/gif'/>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
<title>Cutie Twin</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background:url(http://3.bp.blogspot.com/-BZV0W3q2eEQ/Tk_ixEcyUVI/AAAAAAAABfc/qn-R-8edVlw/s1600/greystripes.png);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
}
::-moz-selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #AEE0FF;
}
::selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #AEE0FF;
}
a:link, a:visited {
color:#AEE0FF;
text-decoration:none;
-webkit-transition-duration: 3s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
a:hover {
color: #FFCCE8;
-webkit-transition-duration: 3s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
color:#AEE0FF;
font-size:14px;
padding:3px;
border-bottom:1px dashed #999999;
text-align: right;
}
.main-title:hover {
padding:3px;
color:#FFCCE8;
-webkit-transition-duration: 3s;
}
.sec-title {
color: #696969;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
.hallo {
text-align:center;
margin-top: 250px;
}
::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background: #AEE0FF;
-moz-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
filter:alpha(opacity= 70);
-moz-opacity:0.70;
opacity:0.70;
background: #FFCCE8;
}
a.cute {
background: #ffffff;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 60px;
color: #AEE0FF;
border: 2px #AEE0FF solid;
border-radius:10px
-webkit-transition-duration: 2s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
}
a.cute:hover {
border: 2px #FFCCE8 solid;
background : #ffffff;
color: #FFCCE8;
-webkit-transition-duration: 2s;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
}
b {
color: #AEE0FF;
-webkit-transition-duration: 3s;
}
b:hover {
color: #FFCCE8;
-webkit-transition-duration: 3s;
}
u {
-webkit-transition-duration: 3s;
text-decoration:none;
border-bottom: 2px solid #AEE0FF;
color: #555555;
padding: 0.1px;
}
u:hover {
color: #FFCCE8;
-webkit-transition-duration: 3s;
}
blockquote {
background : url(http://3.bp.blogspot.com/-QfX8FnF9P2U/TjqKsDGceHI/AAAAAAAABX0/C7iAxZnXC6M/s1600/backgroundbody+%25281%2529.gif);
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #999999;
border:2px solid #AEE0FF;
border-radius:5px
}
blockquote:hover {
color: #000000;
-webkit-transition: 3s;
border:2px solid #F6BAD1;
border-radius:13px
}
.border{padding:3px;border:1px solid #AEE0FF;-webkit-transition: 3s;}
.border:hover{padding:3px;border:1px solid #F6BAD1;-webkit-transition: 3s;}
</style>
<body oncontextmenu='return false;'><br>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<img src="http://3.bp.blogspot.com/-sM5I2A6Hqos/Tx71ZEjGKuI/AAAAAAAAAEk/xAArZf10Z5g/s1600/clickit.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<div class="header"><center><img src="http://3.bp.blogspot.com/-v4JAn26TXNs/Tx6kjwcnV9I/AAAAAAAAAEc/HKhxAfuaz14/s1600/twinns.png"></center></div>
<table style="line-height: 17px;" width="700" border="0" align="center" cellspacing="0">
<tbody><tr>
<td valign="top" style="width:600px; padding:10px; background:#ffffff; font-size:11px;">
<div id="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Cutie Twin</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
<div style='display:block; position:absolute; top:223px; left:715px;'><center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="">Me</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="">Site</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('tuto').innerHTML" title="">You</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="">Post</a>
</div>
<div id="me" style="display:none;">
<div class="main-title">The Cutie One</div><br>
<img src="http://4.bp.blogspot.com/-Fg0qDyhJa4w/TyAdATWNN3I/AAAAAAAAAE0/UpeQkZbdFxE/s1600/Girly6.jpg"class="border"> Hello guys! I'm Nurin Asyada, this template designer or template owner. I really appreciate who like to using this skin but there's a
copycat who remove the credits & admit this skin is made by him or she?? Sorry I'm not really good in English.. xD I Know there's a lot of wrong grammar i'm using :P
Please don't remove the credit or the a vampire will come to your bed on midnight to kill you..hhaha.. just joke :) If really happen, i don't know~
thinks before do it babe! You Can Contact Me On : <a href="http://www.facebook.com/profile.php?id=100001740018075"target="_blank">Facebook</a> | <a href="http://nurin-asyada.tumblr.com/"target="_blank">Tumblr</a> | <a href="http://www.blogskins.com/me/cherry_vanilla"target="_blank">Blogskin</a> | <a href="http://www.myspace.com/566198669"target="_blank">My Space</a><br><br>
</div>
<div id="tuto" style="display:none;">
<div class="main-title">Extra Slot</div><br>
<img src="http://2.bp.blogspot.com/-V33mrpa2-fk/TyAfGsQKWeI/AAAAAAAAAE8/s3sV_t0Ra30/s1600/macaroon2.jpg"class="border"> Replace this slot with your own misclleanous stuff, bias photo or another else??
</div>
<div id="love" style="display:none;">
<div class="main-title">Credits</div><br>
- Template Made By : <a href="http://1231998nurinasyada.blogspot.com/">Nurin</a> <a href="http://www.blogskins.com/me/cherry_vanilla">Asyada</a><br>
- The BG Taken From : <a href="http://aqupunyekesahbukankau.blogspot.com/">KC</a><br>
- Little Help From : <a href="http://hajaaminho.blogspot.com/">Jaja</a><br>
- The Icon Was Taken From : <a href="http://1231998nurinasyada.blogspot.com/">L O V E</a><br>
- Other Resources From : <a href="http://drikoti.net/"/>①</a> <a href="http://www.cursors-4u.com/"/>②</a> <a href="http://littlemisspaintbrush.tumblr.com/">③</a> <a href="http://www.dafont.com/"/>④</a><br>
<div class="main-title">The Twinie Twin</div><br>
<img src="http://4.bp.blogspot.com/-JDUXOLjnE08/TyAf7bLyNQI/AAAAAAAAAFE/RnGTjh6rkmE/s1600/Gadget14.jpg"class="border"> <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a>
</div>
<div id="you" style="display:none;">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Cutie Twin</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</table></body></head></html>
ความคิดเห็น