<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURjMgnZw7NdxPJB0A0zbu0pJQnf4Bee8Vu5LYFjNkpEBgwQXqp2lp2aNUXNv4CujS88ovlnzqfCqBi3EhSCMxMpbpMGBp4lkOOn8mAfKsoDgOaGtYPyU_ADSgOhBPPKYwvLDIXJIK4w/s1600/exo.png"/>', //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>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<base target='_blank'/>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif" />
<br><br><br></br><center>
</script>
<link href='http://fonts.googleapis.com/css?family=Iceberg|Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<title>e x o</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://i.imgur.com/h2e1k.png)fixed;
color: #888888;
line-height: 13px;
text-align: justify;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 10px trebuchet ms;
letter-spacing: 1px;
color: #999;
line-height: 16px;
padding:5px;
border:solid 1px #fff
width:900px;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
a{text-decoration:none ;
color:#D8D8D8;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{color:#999 ;
background:#;
background-position:50% 80%;background-size:400px;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}
::-moz-selection {
background:#fff;
color:#999;
}
::selection {
background:#fff;
color:#999;
}
i , s, strike {
color: #A4A4A4;
}
b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}
a.linkies {
font-size: 9px;
font-family: trebuchet ms;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
display:inline-block;
text-align:center;
width: 20px;
color: #fff;
background:#D0DBFC;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkies:hover{
display:inline-block;
text-align:center;
width: 20px;
color: #000;
background:#fff;
-webkit-transition-duration:1200ms;
}
.h1 {
background:url(http://www.pastelpatterns.com/small/smallpattern-1.png);
color:#AAAAAA;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:15px;
font-family:'cd';
font-size:20px;
line-height:12px;
border: solid 1px #;
text-align:center;
padding-right:0px;
}
@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
.baek{
display:inline-block;
width: 270px;
padding:3px;
margin:5px;
background:#f7f7f7;
font:8.3px pontano sans;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
.baek:hover{
-webkit-transition-duration: 0.5s; color: #fff;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
blockquote {
width:500px;
text-align:left;
background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRl2ECgZHRKZMhfkH1Pop5bUlz_Po3Qp0aiUrejHdzU1codq5Si);
border-bottom:1px solid #f7f7f7;
border-top:1px solid #f7f7f7;
border-right:1px dashed #f7f7f7;
border-left:1px dashed #f7f7f7;
padding:5px;
font:italic 11px trebuchet ms;}
.post-footer{
color:#fff;
text-align:right;
height:10px;
font-size:10px;
margin:15px 0px 15px;
border-top:1px dashed #F7F7F7;
}
a.exo{
display:inline-block;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
padding-top:3px;
width:50px;
height:20px;
text-transform:uppercase;
color: #999;
background:#fff;
text-align:center;
}
a.exo:hover{
background:#999;
color:#fff;
}
.yeol{
background:#f8f8f8;
text-align:center;
font:14px trebuchet ms;
letter-spacing:2px;
text-transform:lowercase;
border-bottom:0px solid #D8D8D8;
color:#D8D8D8;
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;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), progress;
}
.yeol:hover{
color:#999;
}
.sehun {
background:#f8f8f8;
text-align:center;
font: 18px 'cd';
text-transform:none;
letter-spacing:2px;
border-bottom:0px solid #000;
padding:5px 25px 5px 5px;
color:#D8D8D8;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
line-height:11px;
text-decoration:none;
}
.sehun:hover{
color: #999;}
.kyung {
margin-top:0px;
background:#fff;
border:1px solid #fff;
font-family:tt;
color: #D8D8D8;
font-size: 8px;
padding:2px;
padding-left:15px;
letter-spacing:1px;
text-transform:block;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
a.kris {
letter-spacing:1px;
width:80px;
display:inline-block;
background:#000;
color:#999;
border-left:solid 0px #BCD5D0;
cursor:vertical-text;
font:10px calibri;
padding:5px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
text-decoration:none;
}
a.kris:hover{
border-left:0px solid #CFDFDC;
background:#fff;
padding-right:10px;
width:80;
}
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 #111,
inset 0px 0px 0px #111; display: inline-block;
width: 65px;
}
a.navi:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #111,
inset 0px -14px 0px #111; color: #fff;
}
@font-face { font-family:yow !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
img{
border:1px solid #f8f8f8;
padding:3px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
opacity:0.4;
}
a.tao{
font-family:tt;
text-transform: uppercase;
display:inline-block;
width:70px;
height:12px;
background:#fff;
color:#D8D8D8;
font-size:8px ;
padding:2px;
margin:2px;
text-align:center;
letter-spacing:1px;
border:1px solid #D8D8D8;
text-decoration:none;
}
@font-face {
font:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
::-webkit-scrollbar {
width: 6px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #999;
border: 1px solid #fff;
}
.jongin{
width:150px;height:150px;
-webkit-border-radius:100px 90px 100px 0px;
-moz-border-radius:100px 90px 100px 0px;
border-radius:100px 90px 100px 0px;
border: 0px solid #e6e6e6;-webkit-transition:1s;}
</style>
<div style="margin-top:-40px;">
<div style="display:inline-block;width:900px;padding:0px;border-radius:0px 0px 0px 0px;border : 7px solid #eee;border-bottom:none;">
<div style="display:inline-block;width:900px;padding-top:310px;border-radius:0px 0px 0px 0px;border:0px dotted #FBF8E0;border-bottom:none;background-repeat:no-repeat;background: url( http://i.imgur.com/bBLxuCc.png);"></div><br>
<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:0px solid #efefef;background-color:#fff;background-position:center;">
<a class="tao" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</a>
<a class="tao" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">entry</a>
<a class="tao" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">stuff</a>
<a class="tao" onClick="document.getElementById('main').innerHTML=document.getElementById('H').innerHTML">bias</a>
<a class="tao" onClick="document.getElementById('main').innerHTML=document.getElementById('L').innerHTML">link</a>
<a class="tao" href="https://twitter.com">twitter</a>
<a class="tao" href="http://www.blogger.com/follow-blog.g?blogID=635116970322757190">follow</a>
<a class="tao" href="http://www.blogger.com/home">dashboard</a></div></div></div>
<center>
<div style="border : 7px solid #eee;border-top:none;
width:900px;border-radius: 0px 0px 0px 0px;
padding:0px;margin-top:-10px;">
<center>
</style>
</head>
<div align="center">
</center>
<center>
<table border="0" cellspacing="0" cellpadding="15">
</center>
<tr>
<td valign="top" width="180">
<div class="sehun">le banjour ;</div><br>
<center><img src="http://data1.whicdn.com/images/92048426/large.jpg"style="border: 0px solid #e6e6e6;background:#fff;padding: 5px; width: 180px;" /></center>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
<center>your welcoming words here</center>
<br>
<div class="sehun">kakaotalk ;</div>
<br><center>your cbox code here</center>
</div>
<br>
<div class="sehun">anything ;</div>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
<br>anything here
</div>
<br>
<!------------Dont remove the credit or baek kill you---------->
<div class="sehun">Credit</div><br>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">Full Template by <a href-"http://baekhyunnns.blogspot.com/">Asna</a>. Basecode from <a href="http://arrienlove.blogspot.com/">Arrien</a> and <a href="http://nurulatiqahjaidin.blogspot.com/">Atiqah Jaidin</a>. Other helps by <a href="http://kendankpop.blogspot.com/">Ken Eriksen</a>.<br>
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="20" height="17">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/c8rf5369xj/Baek_A_Yeon_-_I_Love_It&width=25&autoplay=1&volume=75&showslider=0&showloading=never&sliderwidth=0&bgcolor1=ffffff&bgcolor2=ffffff&slidercolor1=ffffff&slidercolor2=ffffff&sliderovercolor=ffffff&buttoncolor=b0b0b0&buttonovercolor=b0b0b0" />
<br /></object></center>
</div>
<!------------Dont remove the credit or baek kill you---------->
<td id="main" valign="top" style="width:900px; padding-left:13px; border-left:1px solid #fff; padding-right:13px; ">
<blogger><div class="sehun"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=BLOG ID&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=BLOG ID&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> alien(s)</a></BlogItemCommentsEnabled>
</div><br><br>
<a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>Newer</span> Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older<span></span>Post</div></a>
<br></blogger><br>
</div>
<td id="o" style="display: none;">
<blogger><div class="sehun"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=BLOG ID&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=BLOG ID&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> alien(s)</a></BlogItemCommentsEnabled>
</div><br><br>
<a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>Newer</span> Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older<span></span>Post</div></a>
<br></blogger><br>
<td id="k" style="display: none;">
<div class="sehun">The Beauty Of The Wolf</div><br>
<center><img src="http://data3.whicdn.com/images/80979705/large.png" style="border: 1px solid #eee; padding:5px; width: px !important; height: px !important;" /></center>
<center><blockquote><center>Your own bio here</center></blockquote>
<br>
</div>
<td id="p" style="display: none;">
<div class="sehun">Tutobies</div><br>
<center><img src="http://data3.whicdn.com/images/80979683/large.png"></center><br>
<center><blockquote><center>Your warning here</center></blockquote></center><br>
<div class="h1">Tutorial</div><br>
<a class="baek" href="/">tutorial</a>
<a class="baek" href="/">tutorial</a>
<a class="baek" href="/">tutorial</a>
<a class="baek" href="/">tutorial</a>
<a class="baek" href="/">tutorial</a>
<a class="baek" href="/">tutorial</a>
<br><br>
</div>
<td id="H" style="display: none;">
<div class="sehun">Biases</div><br>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
<center><center><img src="http://data.whicdn.com/images/62333980/large.gif"></center>
<br>
<center><blockquote><center>Change the picture with your bias picture</center></blockquote></center>
<br><br>
<style>
.icon2{ width:90px; border:5px solid #FFD7D7; box-shadow:2px 2px 5px #ccc;margin:5px;}
#bias{position:absolute;
margin-top:-60px;opacity:0;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:#fff;
width:90px;
text-align:center;
color:#888;
font-size:12px;
letter-spacing:1px;}
.icon2:hover #bias{margin-top:-40px;opacity:1}
</style><table border="0" bordercolor="" style="background-color:" width="520" cellpadding="3" cellspacing="0">
<tr>
<td><div class="icon2">
<img src="http://i.imgur.com/J93lBgL.jpg" width="90px"><div id="bias">
Baekhyun</div>
</div>
</td>
<td><div class="icon2">
<img src="http://i.imgur.com/F3Kdelf.jpg" width="90px"><div id="bias">
Luhan</div>
</div>
</td>
<td><div class="icon2">
<img src="http://media.tumblr.com/560edbe5d2d4a92b8b942f3a1f009f1d/tumblr_inline_mr6ls810nq1qz4rgp.png" width="90px"><div id="bias">
Hyuk</div>
</div>
</td>
<td><div class="icon2">
<img src="http://pics.livejournal.com/songsari/pic/0000trk3" width="90px"><div id="bias">
Minhyuk</div>
</div>
</td>
</tr>
<tr>
<td><div class="icon2">
<img src="http://i.imgur.com/k7afoCX.jpg" width="90px"><div id="bias">
L Myungsoo</div>
</div>
</td>
<td><div class="icon2">
<img src="http://i.imgur.com/nBnthEP.jpg" width="90px"><div id="bias">
Sandeul</div>
</div>
</td>
<td><div class="icon2">
<img src="http://25.media.tumblr.com/ccce9b78e5623004dc4adb6973505ca9/tumblr_mt7b25Cnx81si9seoo3_250.png" width="90px"><div id="bias">Seohyun</div>
</div>
</td>
<td><div class="icon2">
<img src="http://media.tumblr.com/069f8bf0767020e5b66f7561f3ef5e8e/tumblr_inline_mtu8r1m8Zv1s9iea7.png" width="90px"><div id="bias">
Bomi</div>
</div>
</td>
</tr>
</table>
</div>
<td id="L" style="display: none;">
<div class="sehun">exchange linkies</div><br>
<center><img src="http://data3.whicdn.com/images/80979683/large.png"></center><br>
<center><blockquote><center>put your friends link</center></blockquote></center><br>
<a class="tao" href="http://baekhyunnns.blogspot.com/">asna</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<a class="tao" href="/">tutorial</a>
<br><br>
</div>
</td>
</table>
</body>
</html>
<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>