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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    • ฟอนต์ THSarabunNew
    • ฟอนต์ Sarabun
    • ฟอนต์ Mali
    • ฟอนต์ Trirong
    • ฟอนต์ Maitree
    • ฟอนต์ Taviraj
    • ฟอนต์ Kodchasan
    • ฟอนต์ ChakraPetch
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
กำลังโหลด...

ความคิดเห็น

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

ความคิดเห็น

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