CODES;

<html>
<head><base target='_blank'/><link href='http://media.tumblr.com/tumblr_lkl5u75YJB1qfamg6.gif' rel='icon' type='image/x-icon'/>
  <title>I'm better </title>

<style type="text/css">

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliz04ZJxP-acMMa9yvSdrVV9Z6bggSOBHTvPKn3zKL1dGp8SFFnzvNB7nsGrwbuHZBljwlTFK9U1gsa78BJ6_tP-uHxqdkDwvGqeQsMgJO3DrtQRCun6CvIsctHI07nEiBj6zQzph1wwg/s1600/wnbg.png);
color:#999;
font-family: trebuchet ms;
font-size: 11px;
letter-spacing: 1px;
}

a:link,a:visited {
color:#9BC4AA;
text-decoration:none;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

a:hover{
color:#999C6F;}

.shadow{
display:block;
position:relative;
margin-bottom:5px;
}

.shadow::before{
content:'';
position:absolute;
width:100%;
height:100%;
-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);

}

.shadow2{
display:block;
position:relative;
margin-bottom:5px;
float:right;
margin-left:10px;
}

.shadow2::before{
content:'';
position:absolute;
width:60px;
height:60px;
-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);border-radius:3000px;

}
.h1-icon{
border-radius:3000px;
float: right;
}

@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

.h2{
font-family:tinytots;
font-size:8px;
}

.h1{
text-align:right;
padding-right:20px;
border-bottom:1px solid #F3F2DF;}


#navbar-iframe {
display: none !important;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#fff;
}

::-webkit-scrollbar-thumb{
background:url(http://27.media.tumblr.com/tumblr_lzxkhw34cK1r9g6hvo2_100.png);
border-radius:10px;
}
.footer{
text-align:right;
border-top:1px solid #F3F2DF;
font-size:10px;}

blockquote{
padding:5px;
border-left:20px solid #eee;
border-right:0px solid #A4A4A4;
color:#9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

blockquote:hover{
display:block;
padding:5px;
border-left:20px solid #92EDC2;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.navibox{
width:300px;height:14px;
font: 11px trebuchet ms;letter-spacing: 1px;color:#999;
text-align:center;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
overflow:hidden;}

.navibox:hover{
width:300px;
height:268px;
text-align:center;}

.navigaty {
margin-top:1px;
cursor:crosshair;
font-size: 11px;
background: #F6F6F6;
color:#888;
display:inline-block;
padding:2px;
margin-bottom:2px;
width: 60px;
border:1px solid #eee;
text-align: center;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
}

.navigaty:hover{
background: #FFF4F3;
color: #222;
font-size: 11px;
}

a.navi1{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0H2Yp77wzDOnZyI_c-rT-3p6Jm5oGvGeybHqRAc0cqYliQ4j517eZTRXOBcFl3LtiZVEUgaxRk-dxDOdbUEQYKTKqOtn-kSOKrH88dTak1LgjMDC69DYfCke2g5Htw7owxOzp3ITpp_I/s1600/tumblr_lvuln9WYkZ1r1ne7to3_250.jpg);
padding:5px;
width:50px;
color:#888;
padding:1px;
font-size: 10px;
-webkit-center; text-decoration: none;
text-transform: uppercase;
display:inline-block;
width:60px;
margin:2px;
}


.image{
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
 border:2px solid #eee;
margin-bottom:5px;
}

</style></head>
<body>


<div style="background:#fff;-webkit-transform: rotate(10deg) ;-moz-transform: rotate(10deg) ;-o-transform: rotate(10deg) ;width:121px; position:fixed; top:280px; left:30px; border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow: 0px 0px 5px #ddd;"><a class="shadow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGV2P3V68QdIQm6t0vGGvtRVgi25tH1kOxsgJ3Kbfl9uCbNkzLhNSgZpdWJPfTJQY4KZ0XkCo1029fuhrRb4BBIN147HHtx2ora-D7lpd7GvXAfhNQlHA-07_JMoPlNbCIVuFd1uREjlc/s1600/tumblr_m1fcw3vOY81qby8duo1_500.jpg" width="121"/></a><br/></div>

<!-------First polaroid image----->
<div style="background:#fff; -webkit-transform: rotate(350deg) ;
-moz-transform: rotate(350deg) ; -o-transform: rotate(350deg) ;width:121px; position:fixed; top:100px; left:30px; border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow: 0px 0px 5px #ddd;"><a class="shadow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWYB0pSo8fA_vLksXmYOyrLoYWYWHgT7yPVP6b3cfFs5PfQlF_yWb-dKshjOnSr_jkCnLYCvbKJ_J_7KS57kc-faZmFP3oIjfRkrW9q2wjRK3oJ-lNa761LzaFMFeT2G6B0fyatzzg71-/s1600/navi.png" width="121"/></a> <br/></div>
<!-------Second polaroid image----->
<div style="background:#fff; width:300px; position:fixed; top:100px; left:200px; border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow: 0px 0px 5px #ddd;padding-top:25px;"><a class="shadow"><img src="http://25.media.tumblr.com/tumblr_m252akiUCC1rnh8t9o1_500.png" width="300"/></a><center>
"Why I keep always want to be someone else without noticing that I am much better as myself"
<span style="color:#9BC4AA; padding-bottom:10px;">{<script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=YOURID"> </script>}<br/><br/></span></div>
<div style="background:#fff; width:310px; position:fixed; top:99px; left:200px; border-radius:2px; padding:5px; ">
<center>


<div class="navibox">★ navigation <br/><a class="shadow"><img src="http://25.media.tumblr.com/tumblr_m29xe0VQ7C1r0yfa8o1_500.png" width="300"/></a>
<a class="navigaty"  onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">about</a>
<a class="navigaty"  onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title="">entry </A>
<a class="navigaty"  onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML" title="">links</a>
<a class="navigaty"   href="http://www.blogger.com/follow-blog.g?blogID=333784674777325026" >Follow</A>
</div></div>

<div style="position:absolute; top:20px; left:550px;">
<div style="background:#fff; width:600px;  border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow: 0px 0px 5px #ddd;"><div id="main"><Blogger>
<a class="shadow2"href="<$BlogItemPermalinkURL$>"</a> <img class="h1-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssiOz_oN_D_1oQ7FilzmX_DKoA-cVvQKv8aFY8rwGiUkHJ9GJ5Z9aPo42tSNwbIN69YUQgspMNmYuGUqn8vRf66lmlla8VXpe15s-nB0RBDxyT89YaZNtWy99FRg1AY9-35FdQd0J_brB/s1600/icon.png" width="60"></a><br>

<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Wana</div>
<$BlogItemBody$>
<div class="footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> dorks</a></BlogItemCommentsEnabled> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minicoisinhasni6.gif"></div></Blogger>
<br/><a class="option" href=<$NewerPosts$>>←</a></NewerPosts><div style="float:right"><OlderPosts><a class="option" href=<$OlderPosts$>>→</a> </OlderPosts></div>


</div></div>

<!------------ NAVIGATE 1-------------->
<div id="about" style="display: none; " ><a class="shadow2"> <img class="h1-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssiOz_oN_D_1oQ7FilzmX_DKoA-cVvQKv8aFY8rwGiUkHJ9GJ5Z9aPo42tSNwbIN69YUQgspMNmYuGUqn8vRf66lmlla8VXpe15s-nB0RBDxyT89YaZNtWy99FRg1AY9-35FdQd0J_brB/s1600/icon.png" width="60"></a><br>
<div class="h1">About meh</div>
<div class="h2">Perfection never exist</di>
</div><br/><br/><center>
<img class="image" src="http://25.media.tumblr.com/tumblr_lzexuxMrfb1r292xjo1_1280.png" /></center>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Kick in you bio here.


</div></div>

<!------------ NAVIGATE2-------------->
<div id="post" style="display: none; " >
<Blogger><a class="shadow2"href="<$BlogItemPermalinkURL$>"</a> <img class="h1-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssiOz_oN_D_1oQ7FilzmX_DKoA-cVvQKv8aFY8rwGiUkHJ9GJ5Z9aPo42tSNwbIN69YUQgspMNmYuGUqn8vRf66lmlla8VXpe15s-nB0RBDxyT89YaZNtWy99FRg1AY9-35FdQd0J_brB/s1600/icon.png" width="60"></a><br>

<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Wana</div>
<$BlogItemBody$>
<div class="footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> dorks</a></BlogItemCommentsEnabled> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minicoisinhasni6.gif"></div></Blogger>
    <br/><a class="option" href=<$NewerPosts$>>←</a></NewerPosts><div style="float:right"><OlderPosts><a class="option" href=<$OlderPosts$>>→</a> </OlderPosts></div>





<!------------ NAVIGATE3-------------->
<div id="links" style="display: none; " ><a class="shadow2"> <img class="h1-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssiOz_oN_D_1oQ7FilzmX_DKoA-cVvQKv8aFY8rwGiUkHJ9GJ5Z9aPo42tSNwbIN69YUQgspMNmYuGUqn8vRf66lmlla8VXpe15s-nB0RBDxyT89YaZNtWy99FRg1AY9-35FdQd0J_brB/s1600/icon.png" width="60"></a><br>

<div class="h1">Linkies</div>
<div class="h2">they rob my heart</div>
<br/><br/><center>

<img class="image" src="http://25.media.tumblr.com/tumblr_lvxfkpQAgd1qcal9do1_500.jpg" /><br/>
cbox codes here <br/><br/>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>
<a class="navi1" href="Link">friends</a>

<br/><br/>
</center>
<div style="background:url(http://subtlepatterns.com/patterns/groovepaper.png);padding:5px;width:120px;">Skin by <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>

</div></div>

</html>

Labels: