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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #17 : # THROUGH THIS HEART

    • อัปเดตล่าสุด 9 พ.ค. 56


    P R E V I E W 

    Skin thumbnail
    #388480 ยังไม่ได้ใส่โค้ดล้างไอดีนะคะ 
     

     

    <! DO NOT REMOVE CREDITS
    /*************************************
    Creator: Suki
    URL: http://blogskins.com/me/suuukiii
    Description: ///.01 THROUGH THIS HEART
    BLOGSPOT THEME © 2012 Suki. All Rights Reserved.
    DO NOT COPY, DO NOT CLAIM AS YOURS, DO NOT REDISTRIBUTE.
    Contact me at the URL above or at the email kiiissyouhard[at]gmail.com.
    *************************************/
    DO NOT REMOVE CREDITS !>
     
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>///.01 THROUGH THIS HEART</title>
    <link rel="shortcut icon" href="/" type="image/x-icon" /> 
     
    <style type="text/css">
     
     body {
      color: #b0b0b0;
      background: #fbfbfb url(http://imageshack.us/a/img259/1350/ginpachitakasugiii.png) fixed no-repeat;
      margin: 0; 
      width: 930px;}
      
     #navbar-iframe { display: none !important; }
      
      #all {
       padding-top: 10px;
       padding-left: 300px;
       width: 630px; 
       height: 500px; }
     
      #links {
       float: left;
       width: 200px; }
       #links a {
        font-family: "Times New Roman", Times, serif;
        color:#fbfbfb;
        font-size: 40px;
        display:block;
        padding: 20px;
        letter-spacing: 0px;
        font-style:italic;
        text-decoration: none;
        text-transform: lowercase;
        text-align: center;}
       #links a:hover {
        font-family: "Times New Roman", Times, serif;
        color:#ffffff;
        font-size: 40px;
        padding: 20px;
        font-style:italic;
        letter-spacing: 0px;
        display:block;
        text-decoration: none; }
        .box1 { background:#ebf7f2;margin-bottom:10px;height:92px; }
        .box2 { background:#f8f4f0;margin-bottom:10px;height:92px; }
        .box3 { background:#f8f4da;margin-bottom:10px;height:92px; }
        .box4 { background:#f3f5d0;margin-bottom:10px;height:92px; }
        .box5 { background:#e9e2d7;height:92px; }
        .box1:hover { background:none; border-right: 30px solid #ebf7f2; -moz-transition: 1s; -webkit-transition: 1s;}
        .box2:hover { background:none; border-right: 30px solid #f8f4f0; -moz-transition: 1s; -webkit-transition: 1s;}
        .box3:hover { background:none; border-right: 30px solid #f8f4da; -moz-transition: 1s; -webkit-transition: 1s;}
        .box4:hover { background:none; border-right: 30px solid #f3f5d0; -moz-transition: 1s; -webkit-transition: 1s;}
        .box5:hover { background:none; border-right: 30px solid #e9e2d7; -moz-transition: 1s; -webkit-transition: 1s;}
        
      #right { float: right;
        height: 500px; 
        width: 420px;}
       #entries {
        float: left;
        width: 340px; 
        background: #f9f8f9;
        height: 500px; }
        .title {
         font-family: consolas;
         font-size: 10px;
         color: #929292;
         font-weight: bold;
         text-transform: uppercase;
         border-bottom: 1px dashed #929292;
         text-shadow: 1px 1px #d0d0d0;
         text-align: right;
         margin-top: 20px;
         margin-left: 20px;
         margin-right: 20px;
         margin-bottom: 1px; }
        .date {
         font-family: consolas;
         font-size: 10px;
         color: #929292;
         font-style: italic;
         text-transform: lowercase;
         text-align: right;
         margin-bottom: 20px;
         margin-left: 20px;
         margin-right: 20px;
         margin-top: 0px; }
         .date a {
          color: #c3c3c3;
          text-decoration:none;
          border-bottom: 2px solid #ebf7f2;} 
         .date a:hover {
          color: #c3c3c3;
          background: #ebf7f2;
          padding: 3px;
          -moz-transition: 1s; 
          -webkit-transition: 1s;}
        .content {
         font-family: consolas;
         font-size: 10px;
         color: #b0b0b0;
         text-align: justify;
         margin-bottom: 30px;
         margin-left: 20px;
         margin-right: 20px;
         margin-top: 20px; 
         overflow-y: auto;
         padding: 5px;
         height: 400px;}
         .content a {
           color: #c3c3c3;
           text-decoration:none;
           border-bottom: 2px solid #f8f4f0;} 
         .content a:hover {
           color: #c3c3c3;
           background: #f8f4f0;
           padding: 3px;
           -moz-transition: 1s; 
           -webkit-transition: 1s;}
     
     b,i,s { color: #e4e4e4; }
     u { text-decoration:none; border-bottom:2px solid #f8f4da; }
     blockquote { color:#e4e4e4; border-left:10px solid #f3f5d0; padding: 5px; }
       
      #pagination a{
       font-family: consolas;
       font-size: 60px;
       line-height: 40px;
       color: #c5c5c5;
       font-weight: bold;
       text-transform: uppercase;
       text-decoration:none;
       text-align: center; 
       display:block;} 
      #pagination a:hover{
       color: #dbdbdb;
       -moz-transition: 1s; 
       -webkit-transition: 1s;}
       
       .credits { 
         font-family: consolas;
         font-size: 9px;
         color: #e48095;
         font-weight: bold;
         text-transform: uppercase;
         text-shadow: 1px 1px #faebed;
         text-align: right;
         margin-top: 5px;
         margin-bottom: 50px;
         margin-right: 85px; } 
      .credits a{ 
         font-family: consolas;
         font-size: 9px;
         color: #f0b2bf;
         font-weight: bold;
         text-decoration:none;
         text-transform: uppercase;
         text-shadow: 1px 1px #faebed; }
     
    </style>
    </head>
     
    <body>
    <div id="all">
     <div id="links">
         <div class="box1"><a href="/">home</a></div>
            <div class="box2"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('abt').innerHTML">about</a></div>
            <div class="box3"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('aff').innerHTML">affiliates</a></div>
            <div class="box4"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('tag').innerHTML">tagboard</a></div>
            <div class="box5"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('cre').innerHTML">credits</a></div>
        </div>
        
        <div id="right">
        
            <div id="entries">
            <blogger>
                <div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
                <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> / <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
                <div class="content">
                <$blogitembody$>
                </div>
            </blogger>
            </div>
                <div id="pagination">
        <OlderPosts><a href="<$OlderPosts$>">»</a></OlderPosts><br /><NewerPosts><a href="<$NewerPosts$>">«</a></NewerPosts>
        </div>
            
            <div id="abt" style="display: none;">
            <div id="entries">
                <div class="title">Profile</div>
                <div class="date">All about me and this site</div>
                <div class="content">
                Write something here.
                </div>
            </div>
            </div>  
     
            <div id="aff" style="display: none;">
            <div id="entries">
                <div class="title">Affiliates</div>
                <div class="date">My darlings</div>
                <div class="content">
                Add your lovers here.
                </div>
            </div>
            </div>
              
            <div id="tag" style="display: none;">
            <div id="entries">
                <div class="title">Chatbox</div>
                <div class="date">Talking little talks</div>
                <div class="content">
                <center>
       <img src="http://imageshack.us/a/img253/6397/01cbox.png" />
       </center>
                </div>
            </div>
            </div>
            
            <div id="cre" style="display: none;">
            <div id="entries">
                <div class="title">Credits</div>
                <div class="date">The maker</div>
                <div class="content">
                <!****** DO NOT REMOVE THESE LINES! ******!>
       Theme by <a href="http://blogskins/me/suuukiii">Suuukiii</a> ©2012 All Rights Reserved.
                <!****** DO NOT REMOVE THESE LINES! ******!>
                </div>
            </div>
            </div>
     
        </div>
        
        </div>
    </div>
    <div class="credits">© <a href="/">Limited blogskin.</a></div>
    </body>
    </html>

     
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×