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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #69 : BlogSkins . K.Will - Please Don`t...

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

    BlogSkins . K.Will - Please Don`t...

    Skin screenshot

     
    <html>
    <title>이러지마 제발 ♥;</title>
     
    <style type="text/css">
    body {
    background: none;
    background-color:#EDE2CD;
    font:10pt calibri;
    text-align: left;
    color: #666;
    cursor:default;
    word-wrap: break-word;
    }
     
    ::-webkit-scrollbar {width:10px; height:auto; background:transparent;}
    ::-webkit-scrollbar-thumb{ border-radius:10px; background:#777;}
     
    a:link, a:visited
    {text-decoration: none; font-weight: none; text-transform: none; color: #999;}
    a:active, a:hover
    {text-decoration: none; text-transform: none; cursor:crosshair; color:#666;}
     
    strong, b {
    text-decoration: bold;
    color:#999;
    }
     
    em, i {
    text-decoration: italic;
    color:#999;
    }
     
    u, underline {
    text-decoration: underline;
    color:#999;
    }
     
    s, strike {
    text-decoration: strike;
    color: #999;
    }
     
    #navigation span {
    margin-bottom: 2px;
    padding: 2px;
    background-color: #444;
    color: #EAEAEA;
    font: 9pt arial;
    width: 233px;
    display: block;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: 1s;
    }
     
    #navigation span:hover {
    background-color: #C66600;
    color: #FF9E2B;
    cursor: vertical-text;
    -webkit-transition: 0.5s;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 00px;
    text-align: center;
    }
     
    blockquote{
    font: 10pt calibri;
    text-align: left;
    padding: 5px;
    cursor: vertical-text;
    background: url('http://i50.tinypic.com/w7ziop.jpg') repeat;
    border: 1px solid #999;
    width: 450px;
    padding-right: 150px;
    color: #000;
    }
     
    .post embed, object, param {
    max-width: 700px;
    }
     
    .post pre {
    width: 700px;
    overflow: auto;
    word-wrap: break-word;
    background-color: #C8C8C8;
    }
     
    .post img{
    max-width: 700px;
    margin-bottom: 2px;
    }
     
    h1 {
    font: 10pt tahoma;
    background-color: #FFF;
    text-align: left;
    }
     
    h1:first-letter {
    font: 14pt Lucida Calligraphy;
    ;
    }
     
    .arch1 {
    border-bottom: 1px solid #C66600;
    }
     
    .title {
    font: 12pt Arial;
    background: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    text-transform: none;
    color: #666;
    text-align: left;
    }
     
    .title:first-letter {
    font: 14pt lucida calligraphy;
    }
     
    .date {
    font: 8pt lucida console;
    text-transform: uppercase;
    background-color: #666;
    color: #EAEAEA;
    text-align: left;
    }
     
    #credits, #archives, #archives a:link, #archives a:visited {
    color: #C66600;
    }
     
    #credits a:link, #credits a:visited {
    color: #FF8605;
    }
     
    #credits a:hover, #archives a:hover {
    color: #FF9E2B;
    }
     
    .profile img{-webkit-transition: 0.7s; opacity: 0.3;}
    .profile img:hover{-webkit-transition: 1.5s; cursor: crosshair; opacity: 1;}
     
    ::selection {color: #FFD7B7; background-color: #FA7000;}
    ::-moz-selection {color: #FFD7B7; background-color: #FA7000;}
     
              #navbar-iframe {
              height: 0px;
              visibility: hidden;
              display: none;
              }  
       
       <!-- --><style type="text/css"> url(http://www.blogger.com/css/navbar/main.css);
        url(http://www.blogger.com/css/navbar/1.css);
       div.b-mobile {display:none;}
       </style>
       <noembed>
       
       <!-- --><!-- --><style type="text/css"> url(http://beta.blogger.com/css/navbar/classic.css);
       div.b-mobile {display:none;}
       </style>
       
       </head><body>   <iframe src="http://beta.blogger.com/navbar.g?blogID=36048451" height="30px" width="100%" marginwidth="0" marginheight="0" scrolling="no" id="navbar-iframe" frameborder="0"></iframe> <div id="space-for-ie"></div> </noembed>
     
    </style>
     
    <!-- DO NOT ADJUST THE WIDTH AND HEIGHT! -->
    <div id="mainbody" style="position: absolute; left: 40px; top: 30px; width: 700px; overflow: auto; background-color: #d6d6d6; border-radius: 30px; height: 570px; border: 10px solid #d6d6d6;">
    </div>
     
    <div id="navigation" style="position: absolute; left: 50px; top: 45px; background: url('http://i49.tinypic.com/358s1fn.jpg'); width: 700px; height: 170px; overflow: auto; border-radius: 10px;">
    <div class="sidebartext" style="margin-left: 350px; padding: 5px; margin-right: 5px;">
    <center><img src="http://i45.tinypic.com/1zgdh5e.jpg" style="margin-bottom: -6px;"><br>
    Click on the song titles to navigate~<br>
    <span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Butterfly</span>
    <span onClick="document.getElementById('main').innerHTML=document.getElementById('posts').innerHTML">이러자마 제발... (Please Don`t...)</span>
    <span onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">Bluffing</span>
    <span onClick="document.getElementById('main').innerHTML=document.getElementById('other1').innerHTML">Others 1</span>
    <span onClick="document.getElementById('main').innerHTML=document.getElementById('other2').innerHTML">Others 2</span></center>
    </div></div>
     
    <div id="main" style="position: absolute; left: 50px; top: 220px; height: 380px; width: 710px; overflow: auto;">
    <Blogger>
    <div class="title"><$BlogItemTitle$></div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
    <div class="post"><$BlogItemBody$></div>
    </Blogger>
    </div>
     
     
    <div id="profile" style="display: none;">
    <h1>Beautiful butterfly ;</h1>
    <div class="profile"><img src="http://i46.tinypic.com/2hr255h.jpg" width="300px" align="left"></div>
    Hello :) Name's anonymous and I love to listen to kballad, especially to K.Will. His voice is of a heaven's angel and so is his heart. ^^ Insert profile [you can remove the chunk of words too]. Replace image if you want.
    </div>
     
     
    <div id="posts" style="display: none;">
    <Blogger>
    <div class="title"><$BlogItemTitle$></div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
    <div class="post"><$BlogItemBody$></div>
    </Blogger>
    </div>
     
     
    <div id="links" style="display: none; overflow: auto;">
    <h1>I leave you ;</h1>
    <a href="http://url.blogspot.com/" target="blank">Boyfriend</a><br>
    <a href="http://url.blogspot.com/" target="blank">Sistar</a><br>
    <a href="http://url.blogspot.com/" target="blank">Friend 3</a><br>
    <a href="http://url.blogspot.com/" target="blank">Friend 4</a><br>
    <a href="http://url.blogspot.com/" target="blank">Friend 5</a><br>
    OR<br>
    <a href="http://url.blogspot.com/" target="blank">Friend 1</a> |
    <a href="http://url.blogspot.com/" target="blank">Friend 2</a> |
    <a href="http://url.blogspot.com/" target="blank">Friend 3</a> |
    <a href="http://url.blogspot.com/" target="blank">Friend 4</a>
    </div>
     
     
    <div id="other1" style="display: none;">
    Et Cetera 1
    </div>
     
    <div id="other2" style="display: none;">
    Et Cetera 2
    </div>
     
     
    <div id="player" style="position: absolute; left: 780px; top: 50px; width: 200px;">
    <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropbox.com/u/35404648/03%20Please%20Don%60t....mp3&t0=이러지마 제발 (Please Don`t)&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
    </div>
     
    <div id="credits" style="position: absolute; left: 780px; top: 90px; width: 180px; height: 207px; background: url('http://i48.tinypic.com/2dkhh6d.jpg'); padding: 10px; margin-right: 80px; border-radius: 20px;">
    <div class="credittext" style="margin-right: 80px;">
    Layout by <a href="http://blogskins.com/me/wetsver" target="blank">wetsver</a><br>
    Images from <a href="http://music.naver.com/promotion/specialContent.nhn?articleId=3375" target="blank">Naver Music</a>
    </div></div>
     
    <div id="archives" style="position: absolute; left: 780px; top: 347px; width: 180px; height: 207px; background: url('http://i49.tinypic.com/ej7fb6.jpg'); padding: 10px; margin-right: 80px; overflow: auto; border-radius: 20px;">
    <div class="archivetext" style="margin-right: 80px;">
    <div class="arch1">Post archives</div>
    <BloggerPreviousItems>- <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br></BloggerPreviousItems>
    </div></div>
    </html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×