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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #83 : BlogSkins . shipper idol

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

    BlogSkins . shipper idol

    Skin screenshot

     
    <html>
    <head>
    <base target='_blank'/> 
    <link rel="shortcut icon" href="http://i.imgur.com/jWlv6.png" />
    <title>K-shippers </title>
    <style type="text/css">
    #navbar-iframe {display: none;}body {
    background:#fff;
    font:11px georgia; letter-spacing:1px; line-height: 17px;}
     
    a:link, a:visited, a:active {font:italic 10px georgia;  color: #615756;  text-decoration: none;text-transform: lowercase; opacity:0.9; cursor: url(http://i.imgur.com/MF1ji.png),progress;}
     
    a:hover { color: #FE7E9A; -webkit-transition-duration: 0.5s;}
     
    i {font:italic 11px georgia; color: #D9A2A8;}
    strike {color: #222; font-family: arial; font-size:11px;}
     
    b {font-family: trebuchet ms; font-size: 11px; letter-spacing:1px; line-height: 17px;color: #eebcb7;}
     
    u {text-decoration:none; text-shadow: 1px 1px 2px #eebcb7; border-bottom:1px solid #eebcb7; color: #333;padding: 1px;margin: 1px;}
     
    blockquote {text-align: justify; padding: 10px; margin: 10px;
    font:11px georgia; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; background: url(http://i.imgur.com/oe7qG.png); color: #333; line-height:15px;-webkit-transition-duration: 3s;
    margin-left:30px;
    margin-right:30px;
    -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;
    }
     
    blockquote:hover{
    margin-right:0px;
    margin-left:60px;
    }
     
     
    li{margin-left: -5px; font-size: 11px; font-style: bold; }
     
    @font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
     
    a.sidelink {background:#FDFBDA; text-align:center; 
    text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; padding:3px; margin:2px;}
     
    a.sidelink:hover {color: #000; background:#fff; -webkit-transition-duration: 0.5s;}
     
    .post{position:absolute; right:90px; top: 20px; padding:20px; text-align: justify; width:520px;font:11px georgia; color: #444; letter-spacing:1px; line-height: 17px; margin-bottom:20px;}
     
    .sidebar {
    background: url(http://i.imgur.com/COPcx.png);
    position:fixed; left:60px; top:30px; padding:20px; width: 245px; font:11px georgia; color: #444; letter-spacing:1px; line-height: 17px; }
     
    .sidetitle{background:#FBF8E0; font: 8px tinytots; padding:2px; padding-left:20px; text-transform: uppercase;  }
    .icon{color:#FBF8E0; font:20px verdana; text-align:right; padding-right:30px; margin-top: -10px;}
     
    @font-face {font-family: 'blackout'; src:url(http://static.tumblr.com/0hkoulm/2VEmdu3je/blackout_midnight.ttf);}
     
    .title {
    background-image:url(http://media.tumblr.com/20611f38a79a7d1ba997d4ad3a001d1e/tumblr_inline_mgpjctelyY1qdlkyg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    color: #000; opacity:0.9; font:20px blackout; text-transform: lowercase; padding:2px; padding-left: 25px; }
     
    .date{text-align: right; color: #000; opacity:0.9; background: #FDF6EB; font:8px tinytots; text-transform: uppercase; padding:2px; padding-right: 30px;}
     
    .navis {width:100%; margin:4px; display:block; text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background: url(http://i.imgur.com/Ruxjo.png)fixed; }
     
    .navis:hover {text-shadow: 1px 1px 2px #000;color: #fff;-webkit-transition-duration: 0.5s;  background:#fff; color: #fff }
     
    @font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
     
    a.you{width:50px; display:inline-block; border: 1px solid #fff; text-align:center; padding:2px; margin:1px; text-transform: uppercase; font:8px tinytots; border:1px solid #F9D797; color: #000; background:#FFF7D6;}
     
    a.you:hover{-webkit-transition-duration: 0.5s;  box-shadow: inset 95px 0 0px 0 #fff; color: #DAB97D}
     
    ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    }
    ::-webkit-scrollbar-track-piece {
    background-color: #A7A7A7;
    border: 3px solid #fff;
    }
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #FAE4DD;
    border: 1px solid #fff;}
     
    ::-moz-selection {background:#E6D3D5;color:#000;}
    ::selection {background:#E6D3D5;color:#000;}
     
    .blogger-labels {text-align:right;border-top: 1px solid #f3f3f3; }
     
    /*------ IMAGE ANIMATION------*/
    img {margin: 1px; padding:1px;
    filter: alpha(opacity=100);moz-opacity:1.0;opacity:1.0;-webkit-transition-duration: .25s;}
    img:hover { cursor: crosshair; 
    -webkit-filter: grayscale(0.8);}
     
     
    </style>
    <body><br>
     
    <div class="sidebar">
    <div class="sidetitle">Leg's Note</div>
    <div class="icon"></div>
     
    <div style="clear: left; float: left; margin-bottom: -3px; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-DJ4cPqwZeD8/T-9CYCZRxxI/AAAAAAAAESs/xlnD8dg6Agc/s1600/00023kta.png" style="width: 100px !important; height: 105px !important;" /></div>
    <span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('author').innerHTML">profile and about</span>
    <span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('bias').innerHTML">bias k-idols</span>
    <span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">stuff or freebies</span>
    <span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML">linkies and friends</span>
    <span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">home entries</span> <br>
     
    <center>
    Ryu Jaera. 16 to be. Malaysia. keke<br>
    <b>smstans. smtown. smfamily.</b><br>
    exoshidae. fx(shinee). sujuelf. 
    </center><br>
     
    <a class="you" href="http://www.blogger.com/home" target="_blank">blogs</a>
    <a class="you" href="https://twitter.com/" target="_blank">twitter</a>
    <a class="you" href="http://tumblr.com/" target="_blank">tumblr</a>
    <a class="you" href="http://www.blogger.com/follow-blog.g?blogID=BLOG 1D" target="_blank">follow</a>
    <br><br>
     
    <div class="sidetitle">ayo here comes trouble</div>
    <div class="icon"></div>
    <img border="0" src="http://3.bp.blogspot.com/-nzrgWb-NxIc/UQDJ_QEPR9I/AAAAAAAAAA8/Z4ArH_hSFqY/s1600/capture-20130124-133830.png" style="width: 235px; height: 85px;" /> <br>put your own cbox. width = 235px .
    <br><br>
     
    <div class="sidetitle">credit and thanksgyuu</div>
    <div class="icon"></div>
    Made by : <a href="http://zaranerd.blogspot.com/">Jaera</a><br />
    Credit : <a href="http://myownsmyworld.blogspot.com/">icon</a> <a href="http://d1nda.blogspot.com/">fonts</a> <a href="http://pixel-diary.tumblr.com/tagged/set">pixel</a> <a href="http://feryalevliya.blogspot.com/">sidebar inspiration</a>
    <br><br>
     
    <OlderPosts><a href=<$OlderPosts$>>Older Post</a> > </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>< Newer Post</a></NewerPosts>
     
    </div></div></div></div></div></div></div>
    </div></div></div></div></div></div>
     
     
     
    <!--------------main---------->
    <div class="post"><div id="main">
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br>
    <$blogitembody$></blogger><br>
    </div></div></div></div></div></div>
     
    <div id="entries" style="display: none;"><div id="main"><br>
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div><br>
    <$blogitembody$></blogger><br>
    </div></div></div></div></div></div>
     
     
    <div id="author" style="display: none;"><div id="main"><br>
    <div class="title">profile</div>
    <div class="date">introduction {biography} </div><br>
     
    <blockquote class="tr_bq">
    Make your own profile.
    <br /></blockquote>
     
    manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao. occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao. 
    </div></div></div></div></div></div>
     
    <div id="bias" style="display: none;"><div id="main"><br>
    <div class="title">kpop fangirl</div>
    <div class="date">bias list</div><br>
     
    <blockquote class="tr_bq">
    Any your bias picture? icon type or etc
    <br /></blockquote>
     
    occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.<br>
    </div></div></div></div></div></div>
     
    <div id="stuff" style="display: none;"><div id="main"><br>
    <div class="title">tutorial and freebies?</div>
    <div class="date">free page</div><br>
     
    <blockquote class="tr_bq">
    freebies and tutorial goes here. if you don't any frebies to share. Delete this page. and the link "stuff and freebies" <br /></blockquote>
     
    occae et harumb bet theap. est praesent luptatum. dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.
    occae et harumb bet theap. est praesent luptatum. 
    </div></div></div></div>
    <br></br>
     
    <div id="etc" style="display: none;"><div id="main"><br>
    <div class="title">linkies</div>
    <div class="date">friends</div><br>
     
    <blockquote class="tr_bq">
    your exchange links. and your fav site link or your friend's link <br /></blockquote>
     
    <center>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    <a class="sidelink" href="" target="_blank">links</a>
    </center>
    </div></div></div></div>
     
     
     
    </body></head></html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×