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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    limited.Blogskins ID Dream

    ลำดับตอนที่ #11 : ★special : EXO Kim Jongin

    • อัปเดตล่าสุด 29 เม.ย. 56


    Skin thumbnail
    #394685 ยังไม่ได้ใส่โค้ดล้างไอดี เอาไปใช้กรุณาเม้นบอก 
     

     

    <html>
    <title>L I N K I E S</title>
    <head>
    <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>
     
     
     
    <style type="text/css">
    #navbar-iframe {display: none;}
     
     
    body{
    cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;
    font-family: calibri;
    font-size: 9px;
    background:url(http://i.imgur.com/6Pw5zUS.png);fixed;)}
     
     
     #s-m-t-tooltip {
    ;
        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);
    }
        
     
    a:link,a:visited{
    color:#fff;
    text-decoration:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
     
    a:hover {
    color:#fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
     
    ::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: #ffffff;
    }
     
    ::-webkit-scrollbar-thumb {
    background-color: #ff8e8d;
    border:3px solid #ffffff;
    }
     
    /*affies box*/  
     #jongin
    {
    top: 300px;
    left: 400px;
    position: fixed;
    padding: 20px;
    background-color: #fff;
    width: 480px;
    height: 180px;
    overflow: auto;
    }
     
    /*affies navigation*/
    .suho1, .suho2, .suho3, .suho4{
    display: inline-block;
    width: 100px;
    padding:3px;
    margin:5px;
    background:#fafafa;
    font:10px; 
    text-align:left;
    Text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    border:0px solid #b1b1b1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s eease-in;
    transition: all 0.3s ease-in;
    }
    .suho1:hover, .suho2:hover, .suho3:hover, .suho4:hover{
    color: white;
    text-shadow: 2px 0 0 #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s eease-in;
    transition: all 0.3s ease-in;
    }
     
    /*affies color*/
    .suho1 { background-color: #ffbbaa; }
    .suho2 { background-color: #A3F5EF; }
    .suho3 { background-color: #DDFF92; }
    .suho4 { background-color: #FFD6C2; }
     
    /*link navigation*/
    .luhan1, .luhan2, .luhan3, .luhan4{
    display: block;
    overflow: hidden;
    width: 13px;
        height: 13px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
    .luhan1:hover, .luhan2:hover, .luhan3:hover, .luhan4:hover{
    background-color: white;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
    #nav {
        width: 10px;
        position: absolute;
        top: 200px;
        left: 525px;
    }
     
    /*link color*/
    .luhan1 { background-color: #ffbbaa; }
    .luhan2 { background-color: #A3F5EF; }
    .luhan3 { background-color: #DDFF92; }
    .luhan4 { background-color: #FFD6C2; }
     
     
     
    /*picture*/
    #picture {
    width: 150px; 
    height: 150px;
    top: 80px;
    left: 550px;
    overflow: hidden;
    position: fixed;
    border: 20px solid #fff;
    border-radius: 70px 0px 70px 0px;
    background-image: url('http://i.imgur.com/HWQrtHJ.png'); width:150px;height:150px;
    }
     
    #luhan { background:#fff ;font-size:9px;width:150px;height:150px;
    opacity:0.00;
    border: 0px solid #e6e6e6; -webkit-transition:0.8s;}
    #luhan:hover { opacity:100;-webkit-transition:0.8s;}
     
     
     
    #credit {
    position: fixed;
    background-color: #ffbbaa;
    bottom: -5px;
    left: 10px;
    text-transform: lowercase;
    font-family: calibri;
    margin-top:5px;
    text-align:center;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    color: #b0b0b0;
    }
       
    #musicplayer {
    position: fixed;
    right: 400px;
    top: 250px; }
     
    .yo {
    position: absolute;
    left: 35px;
    top: 0px;
    font-style: oblique; font: 9px consolas ;
    color: #ccc;
    width: 80px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    opacity: 0;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s eease-in;
    transition: all 0.3s ease-in; }
     
    #musicplayer:hover .yo {
    opacity: 1;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03); }
     
    .player {
    border: 0px solid #bbb;
    padding-top:2px;
    padding-right:1px;
    position: fixed;
    width: 25px;
    margin: 3px 0px 0px 0px; 
    overflow: hidden; 
    ; 
    opacity: 0.6; }
     
     
    </style>
     
    </head>
     
    <body>
     
     
     
     
    <div id="musicplayer">
     
    <div class="yo"> song title </div>
     
    <div class="player"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
        <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
        <param name="bgcolor" value="#fff" />
        <param name="FlashVars" value="mp3=PUT YOUR SONG DIRECT LINK HERE&amp;autoplay=1&amp;bgcolor=ffffff&amp;loadingcolor=b0b0b0&amp;buttoncolor=b0b0b0" />
    </object></div>
     
    </div>
     
    <div id="picture">
    <div id="luhan"> <br><center><span style="font-size: 10px; color: #f69ca1;">A F F I L I A T E S</span>
    <center><span style="font-size: 10px; color: #9cf6f1;" title="d' owner">ayuni</span>
    <br><br>
    <span style="font-size: 10px; color: #b0b0b0;" >change this with your own words.<br>
    exo | shinee | bap | cclown | tvxq | infinite </span><br><br>
     
     
    </div>
    </div>
     
    <div id="nav">
    <a class="luhan1" href="LINK" title="twitter"></a>
    <a class="luhan2" href="LINK"  title="tumblr"></a>
    <a class="luhan3" href="LINK"  title="blogskins"></a>
    <a class="luhan4" href="LINK"  title="back"></a>
    </div>
     
     
    <div id="jongin">
    <a class="suho1" href="/">jongin</a>
    <a class="suho1" href="/">kai</a>
    <a class="suho1" href="/">zhongren</a>
    <a class="suho1" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho1" href="/">next</a>
    <a class="suho1" href="/">next</a>
    <a class="suho1" href="/">next</a>
    <a class="suho1" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho4" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho2" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    <a class="suho3" href="/">next</a>
    </div>
     
    <!-- DO NOT REMOVE THIS! -->
    <div id="credit"><a href="http://ayunipororo.blogspot.com/" target="_blank">kaiwufvn</a>
    </div><!-- END credit div-->
     
     
     
     
    </body>
    </html>
     
     
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×