ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    FREE BlogSkins [iD dream]

    ลำดับตอนที่ #60 : BlogSkins . Minhyuk Squirrel

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 197
      0
      17 มี.ค. 56

    BlogSkins . Minhyuk Squirrel

    Skin screenshot

     
    <br><html>
    <link href="http://fonts.googleapis.com/css?family=Boring+Showers|Short+Stack" rel="stylesheet" type="text/css"> 
     
    <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://i.imgur.com/elERm.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:"Squirrel is Flying !"})
    .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><Br><br><br><br>
    <center><img class="header" src="http://i.imgur.com/gDs9sVD.png" /></center>
    <title>Minhyuk the Squirrel;</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_meb701dZuY1qdlkyg.gif">
    <style type="text/css">
    #navbar-iframe {
    display: none;
    }
     
    body {
    background:url(http://i.imgur.com/BFDDO.png);
    background-attachment: fixed;
    font-family: short stack;
    font-size: 11px;
    text-align: left;
    cursor:url(http://1.bp.blogspot.com/-mY6lUJMYZWA/UL1hjpxrydI/AAAAAAAANR4/h2R7XO8rnOw/s1600/minhyuk.png),auto;
    }
     
    a:link, a:visited {
    color: #FFBBBB;
    text-decoration: none;
    -webkit-transition:0.5s;
    }
     
    a:hover{
    text-decoration: none;
    color: #ccc;
    -webkit-transition:0.5s;
    cursor:url(http://1.bp.blogspot.com/-mY6lUJMYZWA/UL1hjpxrydI/AAAAAAAANR4/h2R7XO8rnOw/s1600/minhyuk.png),auto;
    }
     
    .title {
    color: #aaa;
    font-family: tahoma;
    font-style: bold;
    font-size:11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height:20px;
    text-align: center;
    background:url(http://i.imgur.com/bbipa.png);
    margin-bottom: 20px;
    }
    .title:first-letter { color:#000; }
     
    .title1 {
    font-family: tahoma;
    font-size:11px;
    letter-spacing: 2px;
    line-height:17px;
    color: #aaa;
    text-align: right;
    background:Url(http://i.imgur.com/bbipa.png);
    }
     
    blockquote {
    padding:5px;
    border:1px solid #EEE;
    padding-left: 18px; 
    background: url(http://media.tumblr.com/3f83ece968bea85ecb77d6e25108360a/tumblr_inline_mg2bgyxqLo1qdlkyg.gif); 
    background-position:bottom right;
    background-repeat:no-repeat; 
    color: #555; 
    -webkit-transition: all .4s ease-in-out!important; 
    -moz-transition: all .4s ease-in-out!important; 
    -o-transition: all .4s ease-in-out!important;
    }
     
    .header {
    background: #fff;
    padding: 10px;
    margin-bottom: -5px;
    ;
    position: relative;
    width: 790px;
    }
     
    @font-face {
    font-family:tt !important;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
    }
     
    b {
    color: #ccc;
    }
     
    a.link {
    background: #fff;
    padding: 1px;
    border: 2px solid #eee;
    width: 100px;
    display: inline-block;
    color: #ccc;
    -webkit-transition: 1s;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 15px;
    margin-bottom: 5px;
    font: 10px tt;
    padding: 3px;
    }
     
    a.link:hover {
    box-shadow: inset 130px 0 0px 0 #eee;
    -webkit-transition: 1s;
    color: #fff;
    }
     
     
     
    ::-webkit-scrollbar {
    height: 12px;
    width: 7px;
    background: #ddd;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #FFBBBB;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    }
     
    .player{
    position:fixed;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    bottom:10px;
    overflow:hidden;
    right:10px;
    background:#fff;
    width:10px; 
    border-radius:2px;
    padding:10px;
    border: 3px solid #FFDBE2;
    }
     
    .player:hover{
    width:50px;
    }
     
    ::selection {
    background: #FFDBE2;
    color: #fff;
    }
     
    u {
    text-decoration: none;
    border-bottom: 2px solid #FFDBE2;
    }
     
    .icon{background:#fff;width:115px;height:110px;border-radius:333px;padding:0;border:none;}
     
    </style>
    <style>
    a.you{
    width:13px;
    display:inline-block;
    color:#fff;
    text-align:left;
    padding:2px;
    overflow:hidden;
    height:18px;
    text-decoration:none;
    padding-left:7px;
    -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;
    font-family:tahoma;
    margin:5px;
    font-size:12px;
    border-radius:333px;
    }
     
    a.you:hover{
    width:70px;
    {
    </style><br />
    <br />
    <div style="position:fixed; top:200px;left:20px;"><br />
    <a class="you" style="background:#FF8888;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>facebook</a><br />
    <br />
    <a class="you" style="background:#FFBBBB;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>twitter</a><br />
    <br />
    <a class="you" style="background:#9BF1D2;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>fanfiction</a><br />
    <br />
    <a class="you" style="background:#5EDFC9;" href="LINK HERE"> <span style="padding-right:10px;font-size:16;">+</span>tumblr</a><br />
    <br />
    </div>
     
    </head>
     
    <style>
    .hyosung{
    width:100%;
    background:url(http://i.imgur.com/bbipa.png);
    border-bottom:5px solid #FFEEEE;
    position:fixed;
    top:0px;
    left:0px;
    box-shadow:0 0 6px #ccc;
    text-align:center;
    padding:10px;}
     
    a.jieun{
    background:#FFEEEE;
    text-decoration:none;
    color:#FFBBBB;
    padding:5px;
    font:11px arial;
    margin-left:5px;
    margin-right:5px;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    display:inline-block;
    width:60px;}
     
    a.jieun:hover{background:#FFBBBB;
    color:#fff;
    </style>
    <div class="hyosung">
    <a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML">ENTRY</a></a>
    <a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML">ABOUT</a></a>
    <a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML">LINKIES</a></a>
    <a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('biases').innerHTML">BIAS</a></a>
    <a class="jieun" <a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuffs').innerHTML">STUFF</a></a>
    <a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">+FOLLOW</a>
    <a class="jieun" <a class="jieun" href="http://www.blogger.com/home">DASH</a></a></div>
     
    <table style="font-size: 10px; color: #aaa; letter-spacing: 1px; line-height: 17px; background:white; position: relative; ; " width="810" align="center" border="0" cellspacing="8">
     
     
    <tbody><tr>
     
     
    <td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">
     
     
    <div class="title">Squirrel Say;</div>
     
    <center><img class="icon" style="padding:0;border:none;" src="http://data.whicdn.com/images/39729064/tumblr_maxre9BMRh1qcp0vuo1_500_large.jpg"></center><br>
    <center>As'salam & Annyeonghaseyo . Welcome to my squirrel garden . Be nice here and no harsh words . ThanGYU .
    </center><br>
     
    <div class="title">Sqireel Board;</div>
     
    <center><img src="http://i.imgur.com/wgkoEjM.png"width="226"><!----REPLACE THIS IMAGE WITH YOUR ORIGINAL CBOX CODE.SIZE CBOX 225 X 80----!>
    </center>
     
    <br>
     
    <div class="title">Squirrel Followers;</div>
     
    <center>
    <!----REPLACE THIS IMAGE WITH YOUR ORIGINAL FOLLOWERS CODE----!>
    <img src="http://i.imgur.com/o9wY7Yb.png"width="200">
    </center>
     
    <br>
     
    <div class="title">Credits;</div>
     
    Template :<a href="http://farahdinipunyeblog.blogspot.com/">mrsbaekyeol</a><br>
    Basecodes :<a href="http://nurulatiqahjaidin.blogspot.com/">1</a> <a href="http://mrsbaekhyunpunyetutobies.blogspot.com/">2</a> <a href="http://wanaseoby.blogspot.com/">3</a><br>
    The Owner :<a href="YOUR BLOG URL/"> YOUR NAME</a><br>
    Best Views :<a href="https://www.google.com.my/">B</a> <a href="https://www.tumblr.com/">T</a> <a href="http://weheartit.com/">O</a> <a href="http://www.blogskins.com/me/snow_flow">B</a><br>
     
    </div>
     
    <td valign="top" style="width:600px; padding:10px; ">
    <div id="entry">
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> </div>
    <$BlogItemBody$></br>
    <div class="title1">Written by Me </BlogDateHeader> at <$BlogItemDateTime$><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>     <$BlogItemCommentCount$> Melody{s}</a></BlogItemCommentsEnabled></div>
    </blogger><br>
    <center><OlderPosts><a style="background: #FFDBE2; color: #fff; border-radius: 350px; float: left; font-size: 20px; padding: 3px;" href=<$OlderPosts$>>◀</a></OlderPosts> <a style="background: #FFDBE2; color: #fff; border-radius: 350px; float: right; font-size: 20px; padding: 3px;" href=<$NewerPosts$>> ▶</a></NewerPosts></center></div>
    </td></tr></tbody>
     
    <div id="about" style="display: none;">
    <div class="title">It's Me;</div>
     
    <center><img src="http://data.whicdn.com/images/40110337/tumblr_mbh7viwVST1ruuci0o1_500_large.jpg"></center><br>
     
    <u>Little About Me</u><br>
    <br>
     
    . Farah Dini<br>
    .> Sweet 14<br>
    . 991010<br>
    . #TeamMelodyWow , #TeamExoOhsem , #TeamInspiritGila , #TeamKpopForever<br>
    . Pink , white , black , blue <br>
    . Minhyuk , baro , gongchan , baekhyun , chanyeol , myungsoo , yoseob ,    ect<br>
     
    <br>
     
    <u>Loves & Likes</u><br>
    <br>
     
    <img src="http://media.tumblr.com/tumblr_lkl6qodkIv1qfamg6.png"> pink , white , blue , black<br>
    <img src="http://media.tumblr.com/tumblr_lkl6qodkIv1qfamg6.png"> rilakkuma<br>
    <img src="http://media.tumblr.com/tumblr_lkl6qodkIv1qfamg6.png"> kpop for sure<br>
    <img src="http://media.tumblr.com/tumblr_lkl6qodkIv1qfamg6.png"> ice-cream<br>
     
    <br>
     
    <u>Hates & Dislikes</u><br>
    <br>
     
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> slow internet<br>
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> Anti kpop <br>
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> annoying person<br>
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> hacker<br>
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> stalker<br>
    <img src="http://4.bp.blogspot.com/-LkEHL6gN1EI/T8w9L4qOCMI/AAAAAAAAHFc/1kM2vetzaYQ/s1600/Untitled-5.png"> copycats<br>
    </div>
    </div>
    </table>
     
    <div id="journal" style="display: none;">
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
    <$BlogItemBody$></br>
    <div class="title1"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> SONE(S)</a></BlogItemCommentsEnabled></div>
    </blogger><br>
    <center><OlderPosts><a style="background: #FFDBE2; color: #fff; border-radius: 350px; float: left; font-size: 20px; padding: 3px;" href=<$OlderPosts$>>◀</a></OlderPosts> <a style="background: #FFDBE2; color: #fff; border-radius: 350px; float: right; font-size: 20px; padding: 3px;" href=<$NewerPosts$>> ▶</a></NewerPosts></center></div>
     
    <div id="links" style="display: none;">
    <div class="title">Exchange Links Section</div>
    <center><img width="420"src="http://data.whicdn.com/images/45004993/tumblr_meemd4bZv41rs9xxso1_500_large.jpg"></center><br><br>
     
    <div style="margin-left: 30px;">
    <a class="link" href="http://farahdinipunyeblog.blogspot.com/">Farah Dini</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a>
    </div>
     
    <div id="stuffs" style="display: none;">
    <div class="title">Tutorials & Freebies</div>
     
    <center><img src="http://data.whicdn.com/images/42909888/tumblr_md8y89OxNq1r8gbn7o1_500_large.png"></center><br>
     
    <u>Tutorials</u> :<br><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br><br>
     
    <u>Freebies</u> :<br><br>
     
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
    <img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
     
    <div id="biases" style="display:none;">
    <div class="title">Free Page</div>
     
    <center><img src="http://data.whicdn.com/images/38445930/tumblr_magmn1kRNS1r9efago1_500_large.jpg"></center><br>
     
    <blockquote>Feel free to put anything here. Your biases ? or anything.</blockquote>
     
    </div>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×