PAGE CODES
arrien

Hi,this site is for my skin code. Pleasa dont stole anything and please be nice here! Comment first before take the code :)

<html>
<head><br>
<center><img border="0" src="http://i.imgur.com/uv6nZja.png" /></center>
<title> ✘O✘O</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


<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://i.imgur.com/P6SvE2I.png" width="70px" />', //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, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'})
.attr({title:"fly, angel"})
.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>






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


body {cursor: url(http://i.imgur.com/YAMLF.png), progress;
background: url(http://i.imgur.com/CYhLPrU.png);fixed;
font-family: arial, sans erif, calibri;
font-size: 10px;
color: #999 ;
line-height:15px;
background-attachment:fixed;
text-align: justify;
}


::-webkit-scrollbar {
width:10px;
height:10px;
}

::-webkit-scrollbar {
width:7px;
height:4px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:4px;
width:7px;
display:block;
background:#ccc;
border:1px solid #fff;
}
::-webkit-scrollbar-track-piece  {
background:#fff;
border:4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#ccc;
border-radius: 10px;
border:3px solid #fff;
}

a:link, a:visited {
font-style: normal;
text-decoration: none;
-webkit-transition-duration: 0.3s;
cursor: default;
color:#ccc;
}
a:hover{
color: #000;
-webkit-transition-duration: 0.3s;
cursor: default;
}


blockquote {width:500px;
text-align:left;
background:url(http://4.bp.blogspot.com/-yal-9oDaoRo/UL2t6KugDiI/AAAAAAAAEXc/Gjrv1IVFGIs/s1600/fr.png);
border-bottom:1px solid #eee;
border-top:1px solid #eee;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:5px;
font:italic 11px trebuchet ms;}

u {
text-decoration: underline; color:#888;  border-bottom: 2px #ccc solid;
}

b {
font-weight: italic;
color: #ccc; text-decoration: strong;font-family: century gothic;
-webkit-transition-duration: 1s;
}
b:hover {
color: #eee;
-webkit-transition-duration: 1s;
}



/*post,sidebar title*/
.h1 {
background:#F7F7F7;
text-align:center;
font:italic 10px georgia;
letter-spacing:2px;
text-transform:none;
border-bottom:none;
border:1px solid #;
color:#878787;
padding:5px 25px 5px 5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}
.h2 {
font-family: italic 10px georgia; font-size: 11px; color: #9d9d9c; line-height: 10px;letter-spacing:2px; text-align:center;background:#f4f4f4; padding: 8px; border-bottom:3px solid #ccc;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.h3 {
margin-top:0px;
background:#fff;
border:1px solid #F0F0F0;
font-family:tt;
color: #9A7DC6;
font-size: 8px;
padding:2px;
padding-left:15px;
letter-spacing:1px;
text-transform:block;
}

.sidebar {
width: 250px;
font-size:11px;
}

#jong {
margin-left:0px;
    width:auto;
    height:40px;
    padding:10px;
    text-align:justify;
    font-family:tahoma;
    font-size:7px;
    letter-spacing:0px;
    text-transform:uppercase;
    font-style:normal;
    letter-spacing:1px;
    word-spacing:-1px;
    line-height:50%;
    margin-top:10px;
    color:#121212;
    background-color: #ffffff;
 
}

#jong a {color:#121212;}
 

#links {
    text-align:center;
}


a.kai {
display:inline-block;
width:50px;
padding:4px;
margin:5px;
background: #92e5ea;
color: transparent;
font:9px trebuchet ms;
text-align:center;
border: 2px solid transparent;
text-transform:uppercase;
letter-spacing:1px;
height:10px;
-webkit-transition: 0.5s;
}
a.kai:hover{
color:#b0b0b0;
box-shadow: inset -14px -14px #fff;
border: 2px solid #fff;
-webkit-transition: 0.5s;
}

a.jongin {
display:inline-block;
width:50px;
padding:4px;
margin:5px;
background: #ea9792;
color: transparent;
font:9px trebuchet ms;
text-align:center;
border: 2px solid transparent;
text-transform:uppercase;
letter-spacing:1px;
height:10px;
-webkit-transition: 0.5s;
}
a.jongin:hover{
color: #b0b0b0;
box-shadow: inset 14px -14px #fff;
border: 2px solid #fff;
-webkit-transition: 0.5s;
}

.exo{
display:inline-block;
width: 250px;
padding:3px;
margin:5px;
background:#fafafa;
font:8px tt;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}

.exo:hover{
-webkit-transition-duration: 0.5s; color: #ccc;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

#link {
    text-align: center;
    line-height: 9px;
    font-family: consolas;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8px;
    padding: 0px 0px 5px 0px;
    border-bottom: 0px double #F0F0F0;
}

#link a {
    color: #CCC;
    padding: 0px 2px 0px 3px;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

#link a:hover {cursor:default;
    color: #AAA;
    background: #F0F0F0;
}

#icons a:hover {cursor:default;
    background: none;
}

#icons img {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

#icons img:hover {cursor:default;
}

#s-m-t-tooltip {
z-index: 99999;
    background: #fff;
    font-size: 9px;
    line-height: 11px;
    font-family: cambria;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: #b0b0b0;
    text-align: left;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
}

.suho, .suho1{
display:inline-block;border:2px solid #e9e9e9;background:#fff;padding:3px;font:8px tinytots;color: #000;text-align:center;text-transform:uppercase;width:100px;margin:2px;}

.suho:hover, .suho1:hover{
box-shadow:inset 0px 20px 0px #000,inset 0px -25px 0px #000;color:#e9e9e9;-webkit-transition:0.9s;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

#credit{
background-color: #fff;
text-transform: uppercase;
font-family: calibri;
margin-top:5px;
text-align:center;
border-radius: 10px;
padding: 5px;
font-size: 12px;
}

</style>


<style>
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }

a.navi {
border:1px solid #ebebeb;
text-transform:uppercase;
background:#fff;
text-decoration:none;
color: #666;
 padding: 6px;
font: 8px yow;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.navi:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #ccc,inset 0px -14px 0px #ccc; color: #fff;
}
</style>
<center><div style="margin-top:0px;width:879px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #efefef;background-color:#fff;background-position:center;background-image: url(http://i.imgur.com/P3g5T.png);">
<a class="navi" onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML">about</a><span style="padding:4px;"></span>

<a class="navi" onClick="document.getElementById('post').innerHTML=document.getElementById('tagboard').innerHTML">affies</a><span style="padding:4px;"></span>

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


<a class="navi" onClick="document.getElementById('post').innerHTML=document.getElementById('tuto').innerHTML"> tutos<span style="padding:4px;"></span>


<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=URBLOGID" >follow</a>

<a class="navi" href="http://blogger.com/home">home</a>
</center>

</head>



<table style="font-size: 11px; color: #848484; line-height: 16px; background: #fff; border:2px solid #eee; overflow: auto;" width="900" align="center" border="0" cellspacing="10">
<tbody><tr>

<div id="profile" style="display: none;">
<div class="h1"> Ecotics</div>
<br>
<center><img src="http://data.whicdn.com/images/62364684/large.gif"><br><br></center>
<img src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif"width="12"> <i><span style="color: #E6DCD8;">Biography ;</span></i> HEY Inspirit & ELement. I'm Nor Sabrina A.K.A Arrien Amani. Going sixteen year's young on 21th of september 2013 and school at SABK Maahad Tarbiah Islamiah  . I love my bias, L@Myung Soo and Luhan, both of them shoo cutee. I wish i can fly to seoul asap. I want to meet my myung soo so much. I also love Infinte,EXO, B1A4, BTOB, Super Junior, Big Bang,U-Kiss,ZE:A,X-5,A-Prince,Boyfriend and anymore. THANKS for READING , sorry if my english so bad. I'm just a human being who makes mistakes.
<br /><br/>
<center><blockquote>Change with your own profile,dont copy my intro profile!</blockquote></center><br>
<br>

</div></center>


<div id="tagboard" style="display: none;">
<div class="h1">Affies</div>
<br><center>
<img src="http://data.whicdn.com/images/62764806/large.png"width='300'></center>
<br><br>

<center>
<a class="suho" href="/">EXOTICS</a>
<a class="suho" href="/">EXOTICS</a>
<a class="suho" href="/">EXOTICS</a>
<a class="suho" href="/">EXOTICS</a> <br>
<a class="suho1" href="/">EXOTICS</a>

<a class="suho1" href="/">EXOTICS</a>
<a class="suho1" href="/">EXOTICS</a>
<a class="suho1" href="/">EXOTICS</a><br><br>
</div>

</div></center>
<div id="tuto" style="display: none;">
<div class="h1">Tutos</div><br>
<center><img src="http://data.whicdn.com/images/62764202/large.png" width='300'><br><br>
<div class="h1">Tutorial</div><br>




<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<br><br>
<div class="h1">Freebies</div><br>

<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<a class="exo" href="/">coming soon</a>
<br>
</center>


</div></center>



<div>
</div>

</body>


<td valign="top" style="width:630px; background:none; font-size:11px;">
<div id="post">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/bullet3-1.gif"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> exotics </span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br>


<td valign="top" <div class="sidebar">
<div class="h2"> Me</div>
<br>
<center><img src="http://i.imgur.com/r50ACJNs.png"width='100'>
<center>

Arrien Amani @ Luhan Wifeyy. 6teen and very love to be exotics. Yeah so excitet for exo comeback :D
 
</div>
<br></center>
<br>


<div class="h2"> Archive</div>
<br>
<center>
<div style="border:1px solid #efefef;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div></div><br><br>




<div class="h2"> Credit</div>
<br>


<!-- DO NOT REMOVE THIS! -->
© 2013 - Full Edit Template by <a href="http://arrienlove.blogspot.com/">Arrien</a> <a href="http://www.blogskins.com/me/arrien">Amani</a> and the basecode from <a href="http://ayunipororo.blogspot.com/">ayuni</a> . Edit back by <a href="urlblog">YOUR NAME</a>.
</div><!-- END credit div-->


<br>


</div><br>


</td>
<div id="story" style="display: none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> <img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/bullet3-1.gif"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> exotics</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
</div>
<body oncontextmenu='return false;'><br>
</tr></tbody>




</table>
</html>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
kaiwufvn