<< Back
Hello!
Welcome to my page codes. Press CTRL + C to copy.
<html>
<head>
<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://www.testesdrika.blogger.com.br/5bul1.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:"Let's Fly High !"})
.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://static.tumblr.com/6oysso7/k0Jls1t44/a-helphtml__11_.ico" />
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<center><img class="header" src="http://i.imgur.com/OV73Lwb.png" /></center>
<title>Sweet Escape</title>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

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

body {
background:url(http://25.media.tumblr.com/9e42867bbe3d5a23e9ce35bfde172ffa/tumblr_mt67noIbPl1ru3nbdo9_r1_250.png);
color: #888888;
line-height: 15px;
text-align: justify;
cursor: url(http://media.tumblr.com/tumblr_m2wiw8YuiF1qfamg6.gif);
}

table {
cursor: url(http://media.tumblr.com/tumblr_m2wiw8YuiF1qfamg6.gif);
background:#fff;
font: 11px Short Stack;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:15px solid #fff1f4;
border-radius:5px;
width:900;}

a:link,a:visited{
text-decoration:none;
color:#ff85a2;-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;
}
a:hover{
color:#a9a9a9;
background:transparent;
}

::-moz-selection {
background:#ffeef2;
color:#fff;
}

::selection {
background:#ffeef2;
color:#fff;
}

i , s, strike {
color: #888888;
}

u {
text-decoration: none;
border-bottom: 1px solid Pink;
}

b {
color:#ffc4d2;
-webkit-transition-duration: 1.5s;
}

blockquote{
padding:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs9O-eDi23MvPAkFb8RpbEsY75ovwRKNkg2MYhLlD6q31NSn5uMF5W-LNkXjwpGgG042g6IDds46-N7m8HWsrjFg6jQQDjcdjjK5sdKWm3CH12JJOzTRxDDxXLFah0NWwwyJeCCCaQ2I/s1600/sparkles.png);
border:2px solid #ffdfe7;
}

a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #ffcbd7;}

a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #f0bdca;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_lkl5gmg2ZC1qfamg6.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #fcebef;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
text-transform:uppercase !important;
background:url(http://25.media.tumblr.com/ab6fae6efe0134f8829013acaf10a99e/tumblr_movdbcThVO1ru3nbdo5_250.png) !important;
color:#bbb !important;-webkit-transition: 1.0s !important;
-moz-transition: 1.0s;letter-spacing:5px !important;
margin-bottom:0px !important;
font-size:12px !important;line-height:20px;  !important;
text-align:right !important;
padding-right:0px !important;border:1px solid #ffe3e8!important;
}

.arrien {
margin-top:0px;
background:#fff;
border:1px solid #ffe3e8;
font-family:Short Stack;
font-size: 10px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

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

::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece  {
background-color: #fbc3cf;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://snow-white.lolipop.jp/sozai/wall/dot/25_01.gif);
border: 1px solid #FFFFFF;
}

a.navi{
border:1px solid #ffe1e5;
padding:7px;
font:9px Short Stack;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ffdae4;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;}

a.navi:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #ffe1e9,inset 50px 40px 0px #ffe1e9;
-webkit-transition:3s;
color:#000;
}

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

</style>

<style>
.raejun{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #ffd9e0;
background:#ffe2e8;
font:11px Short Stack;
text-align:center;
Text-decoration:none;
color:#ff85a2;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:1px solid Pink;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-topright: 333px;
-moz-border-radius-bottomright: 333px;
border-top-right-radius: 333px;
border-bottom-right-radius: 333px;
}

.raejun:hover{
width:66px;
border-left:10px solid #ffd9e0;
}

.raejun1{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #ffd9e0;
background:#ffcdd8;
font:11px Short Stack;
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:1px solid Pink;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-topright: 333px;
-moz-border-radius-bottomright: 333px;
border-top-right-radius: 333px;
border-bottom-right-radius: 333px;
}

.raejun1:hover{
width:66px;
border-left:10px solid #ffc0cc;
}

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

<div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Home</a>
<a class="raejun1" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">About</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">Friends</a>
<a class="raejun1" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a>
<a class="raejun" href="http://www.blogger.com/follow-blog.g?blogID=" >Follow</a>
</div>

</head>

<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="180">

<div class="pocetit">Welcome!</div>
<div class="arrien">hello there</div><br>
<center>
<div style="background:url(http://i.imgur.com/mKh81cc.gif) repeat; border:1px solid Pink;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://24.media.tumblr.com/013ce97bbba9494432e064f3f435b6dc/tumblr_met91bvJNF1rbavh7o1_500.png">
</center>
</div>
<center>AnugerahSalsa @ Wuyifanwifeyy. Fourteen. Seoul.
I'm ELF and Exostan forever.
All my love is for Exostan ?<br>
</center><br>
</div>

<div class="pocetit">Tagboard</div>
<div class="arrien">Sweety Talkie</div><br>
<center><img src="http://i.imgur.com/gRbgyut.jpg"></center>
<center> Put your own cbox code</center><br>

<!------------------------Dont remove the credit or i kill u---------------->

<div class="pocetit">Credit</div>
<div class="arrien">big claps!</div><br>

<center>© 2013 - Full Template by <a href="http://anugerahsalsa.blogspot.com/">Anugerah</a> <a href="http://www.blogskins.com/me/anugerahsalsa">Salsa</a>. Basecode by <a href="http://arrienlove.blogspot.com/">Arrien</a><a href="http://www.blogskins.com/me/arrien">Amani</a>. Special template for <a href="http://novitalesyani28.blogspot.com/">Novita</a><br></center>

<!------------------------Dont remove the credit or i kill u---------------->
</div>
</td>

</div>

<td id="main" valign="top" style="width:535px; padding-left:13px; border-left:1px solid Pink; padding-right:13px; ">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Girl(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<br>

<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:1px solid Pink;6px;background:url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png); box-shadow:0  0 3px #ffc6d2;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger>
</td>

<td id="o" style="display: none;">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Girl(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<br>

<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:1px solid Pink;6px;background:url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png); box-shadow:0  0 3px #ffc6d2;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger>
</div>
</td>

<td id="k" style="display: none;">

<div class="pocetit">Le' Owner!</div>
<div class="arrien">Meet the owner</div><br>
<center><img height="280" src="http://25.media.tumblr.com/87ef6b12c3bcf3d20fa6cb338555b11f/tumblr_mv2wmcEu6J1rpjqjso1_500.png" width="400" /></center><br>
<center><blockquote> Put your own profile!!</blockquote> </center>

</td>

<td id="p" style="display: none;">

<div class="pocetit">Linkies</div>
<div class="arrien">Friendship never end</div><br>
<center><img style="padding: 2px; border: 1px solid Pink;"src="http://25.media.tumblr.com/tumblr_m15qzqd1aG1qbbisao1_500.png" width="500"></center><br>

<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:11px Short Stack;color:#666;border:1px solid #ffe7ec;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="http://your url.blogspot.com" style="width:180px;font:11px Short Stack;color:#666;border:1px solid #ffe7ec;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><br>
<center>
<a class="navi" href="http://.blogspot.com/">Salsa</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
</center>

</td>

<td id="stuffs" style="display: none;">

<div class="pocetit">Tutobies</div>
<div class="arrien">Fell free to use it</div><br>

<center><img style="padding: 2px; border: 1px solid #eee;"src="http://25.media.tumblr.com/tumblr_m6y7hlXurU1qbbisao1_500.jpg" width="500"></center><br>

<center><blockquote> Put anything!!</blockquote> </center>


</div>

<style>

a.thingi {
background:url(http://media.tumblr.com/918a0e4c19b25c044e156b5b82079837/tumblr_inline_mg0ncyz50L1qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px Short Stack;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}

a.thingi:hover{
background:url(http://media.tumblr.com/e65b52f5ccc91f5cc05290f648447622/tumblr_inline_mg0ncuWUv21qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
color: #938B54;
}


</style>

</div>
</td>

<br><br/>
</table>
<script language=JavaScript>
<!--//Disable right mouse click Script
//By Dynamicdrive (renigade@nsimail.com)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("return false")// -->
</script>
</body>
</html>
Arrien