The Tutobies
About;
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much



Credit;
The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Blogskin : My Blog World
Saturday, 15 December 2012 | 0 Comments
Skin screenshot


<html>
<div style="display:scroll; position:fixed; top:5px; right:85px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=606385389405969087" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-pvL5_J45FOE/T8BDZyp2jaI/AAAAAAAAGyA/pZ2RTcqrXEY/s1600/follow+blue.png" /></a><br />
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-OgfOsaJK1ao/T8BDTYfjNxI/AAAAAAAAGxw/GFZ0Cu98PGg/s1600/d'board+blue.png" /></a></div></div>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

<center><img class="header" src="http://2.bp.blogspot.com/-zEJw6WU7KWs/TpegWyOw3GI/AAAAAAAAA34/IvqJMrRSpvM/s1600/cuteheader3.png" /></center>
<title>Blue</title>

<style type="text/css">
#navbar-iframe {
display: none;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #000000;
border: 3px solid #81DAF5;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
border: 1px solid #81DAF5;
}


::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: 2E2E2E;
border: 1px solid #81DAF5;
}

.header {
margin-left: 2px;
margin-bottom: -33px;
-webkit-transition:2s
}

body {
color: #81DAF5;
background:url(http://3.bp.blogspot.com/-hVEhWv5pWik/T6yJDMXyUfI/AAAAAAAAGbQ/M6aCSliJdKQ/s1600/torgious.png);
background-attachment:inherit;
cursor: url(http://1.bp.blogspot.com/-XYEv-tSI9GQ/T935Oh1DQ5I/AAAAAAAAAd8/pqif8KkNg-o/s1600/zx.png), progress;
font-family: verdana;
letter-spacing: 1px;
line-height: 15px
font-size: 9px;
}

a:link, a:visited {
color: #81DAF5;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://1.bp.blogspot.com/-XYEv-tSI9GQ/T935Oh1DQ5I/AAAAAAAAAd8/pqif8KkNg-o/s1600/zx.png), progress;
}

a:hover{
cursor: url(http://1.bp.blogspot.com/-XYEv-tSI9GQ/T935Oh1DQ5I/AAAAAAAAAd8/pqif8KkNg-o/s1600/zx.png), progress;
color: #FFFFFF;
text-decoration: none;
padding-left:5px;
-webkit-transition:1.2s;
}

a.navi {
background:url(http://3.bp.blogspot.com/-F8si46s_12w/T6yIR5EAsZI/AAAAAAAAGao/Xx0WtWxlU8Q/s1600/red.png);
line-height:3em;
border:1px dashed #81DAF5;
padding-bottom:4px;
padding-top:4px;
padding-right:4px;
padding-left:4px;
}

.title {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#000000;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 16px 'Annie Use Your Telescope',cursive; 
line-height:18px;
text-align: center;
border-left: 5px double #81DAF5;
border-right: 5px double #81DAF5;
border-top: 1px solid #81DAF5;
border-bottom: 1px solid #81DAF5;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}
.title:hover {
padding-left:160px;
-webkit-transition: .7s;
opacity:.01;
}


.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#81DAF5;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}

img { 
cursor: url(http://1.bp.blogspot.com/-XYEv-tSI9GQ/T935Oh1DQ5I/AAAAAAAAAd8/pqif8KkNg-o/s1600/zx.png), progress;
-webkit-transition: 0.5s;
border-radius: 10px;
}
.header {
text-align: center;
-webkit-transition: 1s;
opacity:100;
}
.header:hover {
padding-left:160px;
-webkit-transition: .7s;
opacity:.01;
}

::selection {
background-color: #ffbff8;
color: #666;
}
::-moz-selection {
background-color: #ffbff8;
color: #666;
}

.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #fbbcf4 solid;
text-align: right;
}

blockquote {
padding:3px;
background-image:url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png);
border-left: 1px dashed #81DAF5;
border-right: 1px dashed #81DAF5;
border-top: 1px dashed #81DAF5;
border-bottom: 1px dashed #81DAF5;
color:#C1C0C0;
-webkit-transition-duration: 0.6s;
border-radius: 8px;
line-height:2.2em;
}

blockquote:hover {
border-right: 1px dashed #81DAF5;
border-left: 1px dashed #81DAF5;
border-top: 1px dashed #81DAF5;
border-bottom: 1px dashed #81DAF5;
-webkit-transition-duration: 0.6s;
border-radius: 2px;
}

i {
color: #848484;
}

i:hover {
color: #848484;
}

u {
text-decoration:none;
color:#848484;
padding: 2px;
line-height: 5px;
border-bottom: 2px solid #848484;

}

u:hover {
color: #FFFFFF;
border-bottom: 1px solid transparent;
-webkit-transition: 0.3s;
}

b { 
color: #848484;
font-weight: bold; 
}

b:hover {
color: #FFFFFF;
-webkit-transition: 0.3s;
}

strike {
text-decoration: none;
color: #848484;
-webkit-transition: .5s;
}

</style>
</head>
<base target='_blank'/>
<body oncontextmenu='return false;'>
<br>

<table style="font-size: 11px; border:10px solid #81DAF5; color:grey; line-height: 17px; background:white; border-radius:10px;" width="900" align="center" border="0" cellspacing="8"> 
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:220px; padding-right:0px;">

<div class="title">Bonjour Fellas!</div><br>
<br>
<center><img height="180" src="http://data.whicdn.com/images/30550331/tumblr_m5jhixsJdv1qb93d1o1_500_large.gif" width="220" /></center></div><br>
Annyeonghaseyo. Welcome to my Foundland. Replace this with your own profile.
<br>

<br>

<div class="title">Navigate!</div><br>
<center>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diary</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Links</a>
</center>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/21518/05_____.mp3&t0=Wallpaper&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
<br></center>
</div>
</div>
</div></div>

<div class="separator" style="clear: both; text-align: center;">
<div class="title">Wanna Scream?</div><br>
<center><img src="http://data.whicdn.com/images/30550269/tumblr_m5ku359Bjr1qgbrpgo1_500_large.gif" width="220" height="180"></center><br>
Put your Cbox code here . Width 230 only . Replace with yours!
<br>
<br>

<div class="title">Credit Section!</div><br>
Template by : <a href="http://elfloversteukkie.blogspot.com/">Liyana</a><a href="http://www.blogskins.com/me/elfloversteukkie">Izzati</a><br>
Basecode made  by : <a href="http://mohareqil99.blogspot.com/">Are</a><a href="http://www.blogskins.com/me/baby_vampire">Qil</a><br>
Background : <a href="http://nurulatiqahjaidin.blogspot.com/">Nurul Atiqah</a><br>
Header : <a href="http://1231998nurinasyada.blogspot.com/">Nurin Asyada</a><br>
Best view : <a href="https://www.google.com/chrome">Google Chrome</a>
<br>
<br>

<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>OLDEST?</a></OlderPosts> <NewerPosts> <or> <a href=<$NewerPosts$>>NEWEST?</a></NewerPosts></center></div><br>
</div>

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<b style="background:color: #FFFFFF; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Lovely babe!</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="title">I'm the OWNER of this Blog!</div><br>
<center><img src="http://data.whicdn.com/images/30678324/tumblr_m1h4qhAh601qj96p1o1_500_large.gif"width="380" height="250"/><br></center>
<br>
Replace with your profile
<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<<br>
<div class="footer"><$BlogItemDateTime$> <b> style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Lovely babe!</a></BlogItemCommentsEnabled></div>
</blogger>
</div>

<div id="link" style="display: none;">
<div class="title">Exchanges Link </div><br>

<center><img src="http://data.whicdn.com/images/30147958/tumblr_m0c7fxKuDm1r0x4hwo1_500_large.gif" width="380" height="250"></center><br>
<center><a class="linkies" href="http://elfloversteukkie.blogspot.com/">Liyana</a> ✦
<a class="linkies" href="http://hunhanlovers.blogspot.com">Mrs HunHan</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> <br>
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> 
<br>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://2.bp.blogspot.com/-KeFWtiFq3xk/T6tK5Lji2LI/AAAAAAAAGYE/nw93HyJSCwM/s1600/blue.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

</body>
</html>

PASTFUTURE


Post a Comment