ABatriysia HNorbit
ABatrisyia HNorbit
about ME stuff link home skins twitter follow
Blogger music



credit and thanksgyuu

Template Original made by : Jaera
Credit : css school image

Spk
Friday 7 June 2013 | 23:49 | 0 comments

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://media.tumblr.com/tumblr_m3wh4koB3w1qdlkyg.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:""})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif" type="image/x-icon" />
<link rel="icon" href="http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif" />
<title>Colorful life//</title><br><br><br><br><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4DuRZdnzAaTe-YsaplX40_6DatGxFL8jqm9t53QLFk9-8r0xyZ3uuB6RMmk-ZVYEhKfog6hYcq4SMrFgPM1WBJomRIntJNWixIIseKJwqDOKNdaDoqMCRcUA5t9tAsXpf5C-dK7dVWRd5/s1600/HEADER.png"></div></center>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i.imgur.com/WTp3A.gif);
font-family:Short Stack;
font-size: 12px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNuvTx0D02PHh_KHyg9x2BHPhPRGTd_uvdELECkFZeFbdFrpF_xWfPLft8j1JC254IG22pt0AxxCJdg9E7itdIUkUSpwv8jANDqXdhmM24qY_vQZ8lNO-0qtLS3rb5FRqS2DECP10sxBY/s1600/rilakkuma.png), progress;
}

a:link,a:visited{
text-decoration:none;
font-family: Short Stack;
font-size:12px;
color:#F78181;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding:2px;
}


a:hover{
color:#fff;
box-shadow:solid 0 -50px 0px #000;
}
::-webkit-scrollbar {
height: 12px;
width: 5px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: pink;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: pink;
-moz-border-radius: 10px;
border-radius: 10px;
}
blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_m7edqn8uAK1qdlkyg.gif);
border:  2px dotted #f6ecdd;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #f6ecdd;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
blockquote:hover {
background:url(http://i.imgur.com/WTp3A.gif);
margin:1em 20px;
color:#fff;
color:#666;
}
.hem{
margin-bottom:-3px;
}
u {
text-decoration: none;
border-bottom: 1px solid #FFB0B0;
}
b, strong {
font-weight: bold;
color: #FFBBBB;
}
@font-face{font-family:thestarsthatshineabove;src:url('http://static.tumblr.com/eq1rpir/Yfkm54b11/thestarsthatshineabove.ttf')
}

.h1 {
font-family:Short Stack;
font-size:12px;
letter-spacing: 2px;
color: #666;
text-align:left;
}

@font-face{font-family:pacifico;src:url('http://static.tumblr.com/eq1rpir/jtom54asr/pacifico.ttf')
}

.h2 {
letter-spacing:2px;
font:10px Short Stack;
color:#666;
background:#ffbbbb;
padding:4px;
text-align: center;
border-bottom:3px solid #FFFF00;
border-radius:10px 10px 0px 0px;
color:white;
}

@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')
}

.h3 {
font-family:Short Stack;
font-size: 11px;
text-align:right;
color:#666;
border-radius:25px;
text-transform: normal;
background:#F8E6E0;
}

.polaroid{
background:#fff;
padding:10px;
width:897px;
height:305px;
text-align: center;
border:1px solid #fff;}
.box1 img {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.box1 .effect {background-color: #fff;border-radius:25px; -webkit-transform: translateX(-450px); -moz-transform: translateX(-450px); -o-transform: translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.box1 h2 {background: #ffbbbb; color: #666;}
.box1 text {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.box1:hover .effect {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}
.box1:hover img {-webkit-transform: translateX(450px); -moz-transform: translateX(450px); -o-transform: translateX(450px); -ms-transform: translateX(450px); transform: translateX(450px);}
.box1:hover text {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.box {width: 232px; height: 200px;   border: 1px dashed #ffbbbb; overflow: hidden; position: relative; text-align: center; background: #ffbbbb;}
.box .effect,.box .content {width: 232px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;}
.box img {display: block; position: relative;}
.box h2 {text-transform: uppercase; color: #666; font-family: calibri; text-align: center; position: relative; font-size: 15px; padding: 5px; margin: 0px; margin-top: 10px; margin-bottom: 10px;}
.box text {font-family: calibri; font-style: normal; font-size: 11px; position: relative; color: #666; padding:5px; text-align: center;}
.hyosung{
width:100%;
background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotorange.gif);
border-bottom:5px solid #fff;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;
}

a.jieun{
background:#fff;
text-decoration:none;
color:#FFBBBB;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
border: 2px solid #EDEDED;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
}

a.jieun:hover{background:#FFBBBB;
color:#fff;}
.saya{
background:#FFFFFF;
width:90px;
font-family:century gothic;
border: 1px solid #EDEDED;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: tinytots;
font-size: 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
}

a.saya:hover{
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#F6CED8;
}

.maintitle {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
color:white;
font-size:12px;
height:120px;
font-family:verdana;
margin-top:35px;
margin-left:255px;
background: #ffbbbb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
  #isikotak {
position:fixed;
border:4px solid pink;
width:250px;
left:-265px;
top:170px;
height:210px;
padding:4px;
text-align:left;
background-color:white;
background-image:url(http://3.bp.blogspot.com/-l71Tk2I0nyE/UKy8SQWlq7I/AAAAAAAAEiY/oSZ2Q362f7I/s1600/rainbow.png);
background-position: right;
background-repeat:repeat;
color:#333333;
-webkit-transition: 1.0s;
font-size:8px;
font-family:tt;
-moz-transition: 1.0s;
 }
 #isikotak:hover {
left:1px;
  }
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.lol{
font:8px tt;
}

</style>
<center>
<div style="background-image:url(http://i.imgur.com/k0DfP.png);width:930px;border-radius: 20px;padding:11px;margin-top:1px;">
<center>

<div class="hyosung">
<a class="jieun" onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML" title="">ABOUT</a> <span style="padding:4px;"></span>

<a class="jieun" onClick="document.getElementById('post').innerHTML=document.getElementById('bias').innerHTML" title="">LINKIES</a> <span style="padding:4px;"></span>

<a class="jieun" onClick="document.getElementById('post').innerHTML=document.getElementById('entry').innerHTML" title="">ENTRY</a> <span style="padding:4px;"></span>

<a class="jieun" href="http://www.facebook.com/url fb">FACEBOOK</a>
<a class="jieun" href="https://twitter.com/url tweet">TWITTER</a>
<a class="jieun" href="http://www.blogskins.com/me/izyancinnamon">BLOGSKIN</a>


<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div>

</head>
<table style="font-size: 13px;  font-family:dotum; background:#fff;border: 1px solid #ffffff;margin-top:-1px;border-top:1px solid transparent; " width="919" align="center" border="0" cellspacing="10">
<tbody><tr>
<div id="profile" style="display: none;">
<div class="h1"><img src="http://media.tumblr.com/tumblr_m7ei7v89OA1qdlkyg.gif"> About Me</div>
<div class="h3">Be my friend or enemy?</div><br>
<center><img src="http://data.whicdn.com/images/51740856/tumblr_mg7m5eroTx1rvb2y0o1_500_thumb.jpg" width="400"/></center><br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Human</b> : Pelik binti ajaib<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Still Young?</b> : Yes!<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>When your birthday?</b> : 1000000 <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Hobby</b> :  Tweeting <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Occupation</b> : Want to be Flying Dutchman<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Like</b> : Chocolate, ice cream, candy and everything that taste sweet. Yummy:p <br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Dislike</b> : Copydog, enemy, who call me with a dirty nickname and everything i hate. Lol<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Love</b> : Family, Friend, Boyfriend, and my <s>ex</s><br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Kind of?</b> : Simple and friendly<br>
<img src="http://media.tumblr.com/tumblr_m2fwq0QdoJ1qdlkyg.gif"/> <b>Do you like this blogskin?</b> : Honestly. I very like this skin:*<br>
<blockquote>Use your own word! Hehe</blockquote>
</div> </div>

<div id="entry" style="display: none;">
<blogger><div class="h1"><img src="http://media.tumblr.com/tumblr_m7ei7v89OA1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEW</a></NewerPosts></center>


<div id="bias" style="display: none;">
<div class="h1"><img src="http://media.tumblr.com/tumblr_m7ei7v89OA1qdlkyg.gif"> Linkies</div>
<div class="h3">Meet my friend</div><br>
<center><img src="http://data.whicdn.com/images/40919162/463777tumblrm7zh0tLrH41r1kynno1500_thumb.jpg" width="400"/></center><br>
<center><blockquote><b>Replace with your chingu's friend</b></blockquote>
</center>
<center>
<a class="saya" href="http://izyanyancinnamon.blogspot.com"> Izyancinnamon </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a>
<a class="saya" href="URL BLOG"> CHINGU </a><br> </div>
</body>
<td valign="top" style="width:550px; padding-left:5px; padding-bottom:5px; box-shadow:0px 0px 5px #ffffff; padding-right:15px; ">



<div id="post">

<blogger><div class="h1"><img src="http://media.tumblr.com/tumblr_m7ei7v89OA1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEW</a></NewerPosts></center>
<td valign="top" style="line-height:15px; letter-spacing:1px; font-size:10px; width:240px; padding-left:10px;">

<div class="h2">This owner ♥</div>
<div class="h3">Thank for coming</div>
<br><center><div class="box box1">
<center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/44229468/tumblr_mdplu9SFNl1r1vjn3o1_400_thumb.jpg" /><center>
        <br />
<div class="effect">
<h2>
Welcome</h2>
<center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/32847/One_Way_Or_Another.mp3&t0=I Don?t Know&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center><br>
<text>Bounjour Alls ! Welcome to My world . Please don't copy anything here . Be a good girl and boy . Leave me a nice speak at my cbox ^^ Feel free to navigate around here :)Change it<br>Mood : I'm Bored -.- <br>Status : Me know me cute :p<br>[Change with your own words]</b>
</text>
</div> </div>

<br><div class="h2">Chating here ♥</div>
<div class="h3">Leave your footprint here</div>
<br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/42839096/tumblr_md8vh7QBgy1rj9yieo1_500_thumb.jpg" /><center>

<center>Put your cbox</center>
</div>

<br><div class="h2">Awesome people ♥</div>
<div class="h3">Thank for following me</div>
<br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/52812564/il_fullxfull.68650628_thumb.jpg" /><center>

<center>Put your Followers widget</center>
</div>

<div class="h2"> Credits ♥</div>
<div class="h3">Don't ever remove the credit</div>
</center>
<br><center><img style="width: 205px; height: 200px;" src="http://data.whicdn.com/images/51207344/7985542921_d696d49dd5_z_thumb.jpg" /><center>
Basecode:<a href="http://chibipikachu.blogspot.com/">Masterly Elmo</a><br>
Template:<a href="http://izyanyancinnamon.blogspot.com/">Izyanyancinnamon</a><br>
Other help:<a href="http://duniaimpianfatin.blogspot.com/">B</a>
<a href="http://wanaseoby.blogspot.com/">L</a></span>
<a href="http://superwomanhebat.blogspot.com/">O</a>
<a href="http://nurulatiqahjaidin.blogspot.com/">G</a>
<a href="http://le-fakesmile.blogspot.com/">S</a>
<a href="http://html-color-codes.info/">K</a>
<a href="http://weheartit.com/izyanyancinnamon?before=2174384245&page=5">I</a>
<a href="http://ayemrawi.blogspot.com/2011/10/lets-design-own-template-classic.html">N</a><br>
Best View:<a href="www.google.com.my">Google Mozilla</a><br>
Owner blog: <a href="yoururlblog">Your Name</a><br></div></div></center></div></div></center><br>
<u>Remember!!dont remove this section!!</u>

</div>

</td>

</tr></tbody>

</table>
</html>