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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #16 : #touch the sky

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


    PRIVIEW

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

     

    <html>
    <head>
    <title>what if.</title>
    <link href="data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA+vr6ANvUzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAISAAAAAAAAIREgAAAAAAIRERIAAAAAIRERESAAAAAhESERIAAAACESAhEgAAAAAiAAIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD//wAA/38AAP4/AAD8HwAA+A8AAPAHAADwBwAA8IcAAPnPAAD//wAA//8AAP//AAD//wAA" rel="icon" type="image/x-icon" />
     
    <link href="http://www.kerismith.com/wp-content/themes/KeriSmith/fontface.css" rel="stylesheet">
    <script> function changeNavigation(id) {document.getElementById('boxx').innerHTML=document.getElementById(id).innerHTML} </script>
     
    <style type="text/css">
    #navbar-iframe { display: none; }
    ::selection { color: #f1f1f1; background: #b3bbc5; }
    ::-webkit-scrollbar { height: 12px; width: 10px; background-image: url(http://i48.tinypic.com/r86yq9.jpg); }
    ::-webkit-scrollbar-thumb { background-image: url(http://i49.tinypic.com/2ijmck5.jpg); -webkit-border-radius: 0ex;  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.75); }
    ::-webkit-scrollbar-corner { background: #transparent}
     
    body { background-image:url(http://i48.tinypic.com/r86yq9.jpg); background-attachment: fixed; font-size: 11px arial; color: #777777; line-height: 150%; }
    td, th { color: #999; font: 8pt arial; color: #888; text-align: justify; line-height: 20px; }
     
    i { color: #999; font: georgia 9pt;}
    s {color: #b3bbc5;}
    b {font-family: "arial", sans-serif; color: #b3bbc5;}
    u {color: #999; border-bottom: 1px dashed #b3bbc5; text-decoration: none;}
     
    a:link, a:visited, a:active { text-decoration: none; color: #999; font: courier new 8pt; text-transform: uppercase; letter-spacing: 1px;}
    a:hover { text-decoration: none; color: #b3bbc5; }
     
    a.link2 { background-color: #f5f5f5; font-family: arial; font-size: 7.5pt; color: #999999; margin: 2px; text-transform: uppercase; padding: 3px 5px 3px 5px; text-align: center; display: inline-block; border: 1px solid #f5f5f5; }
    a.link2:hover { background-color: #b3bbc5; color: #f1f1f1; border: 1px solid #f1f1f1; }
     
    #main { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-left: auto; margin-right: auto; width: 798px; background: #f9f9f9; }
     
    .h1 { font: 7pt arial; color: #999; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin: 0 0 5px; line-height: 24pt; background: url('http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); }
    .h1:hover { color: #666; opacity: .40; }
    .h2 { margin-top: 40px; font-family: KeriSmith regular; font-size: 15pt; color: #A5A5A5; letter-spacing: 2px; }
     
    .photo { float: left; text-align: center; width: 100px; height: 110px; border: 10px solid #eee; background: #eee; color: #999; border-bottom: 20px solid #eee;}
     
    blockquote { padding: 30px; test-align: justify; background-image: url(http://i49.tinypic.com/2ijmck5.jpg); repeat: reapeat; color: #666; border: 1px solid #f7f7f7; font: 8pt lucida console; opacity: .50; }
    blockquote:hover { color:#000; }
     
    .navigation { text-align: justify; display: block; background: url("http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png"); text-transform: uppercase; padding: 15px 50px 15px 50px; border: 1px solid #d9d9d9; -moz-box-shadow: 5px 5px 5px -5px #afafaf; -webkit-box-shadow: 5px 5px 5px -5px #afafaf; box-shadow: 5px 5px 5px -5px #afafaf; width: 100%px; }
     
    </style>
     
    </head>
     
    <body>
    <br><br><br><br>
     
    <div class="tab" style="margin-left: auto; margin-right: auto; width: 800px;">
    <font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('about')">ABOUT</font>
    <font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('links')">LINKS</font>
    <font style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; " onmouseover="this.style.color='#b3bbc5'" onmouseout="this.style.color='#999'" onclick="changeNavigation('tag')">TAG</font>
     
    <table style="border: 1px solid #e6e6e6;" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" width="300" bgcolor="#f9f9f9" style="font:11px lucida console; color: #999; padding-left: 50px; padding-right: 50px; padding-bottom: 20px;">
    <div id="boxx">
    <div class="h2">about</div>
    <div style="border-bottom: 1px solid #eee;"><br></div><br>
    I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.<br><br>
    </div>
    </td>
     
    <td>
    <a href="/"><img src="http://i49.tinypic.com/2cqb3tj.jpg"></a>
    </td>
    </tr>
    </table><br>
     
    </div>
     
    <div id="about" style="display: none;">
    <div class="h2">about</div>
    <div style="border-bottom: 1px solid #eee;"><br></div><br>
    I'm a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.
    </div>
     
    <div id="links" style="display: none;">
    <div class="h2">links</div>
    <div style="border-bottom: 1px solid #eee;"><br></div><br>
    <table>
    <tr>
    <td width="50">
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    </td>
    <td width="50">
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    </td>
    <td width="50">
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    <a class="link2" href="#">friend</a><br>
    </td>
    </tr>
    </table>
    <br><br>
     
    <select style="width: 100%; font:8pt georgia; background:#ffffff; border: 1px solid #f1f1f1; padding:2px; color: #999999;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"> <option value="/">archives</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives></select>
    <br><br>
     
    layout by <a href="http://ohquack.blgspot.com">sweet</a>.<a href="httpp://blogskins.com/me/sweetmsery">m!sery</a><br>
    resources: <a href="http://ixora.tumblr.com/tagged/resources/page/2" title="bg">x</a><a href="http://kerismith.com/" title="bg">o</a><a href="http://sundaysecretss.livejournal.com" title="icons">x</a><a href="http://weheartit.com/entry/29076139/via/dollyvogue" title="img">o</a>
    </div>
     
     
    <div id="tag" style="display: none;">
    <div class="h2">tagboard</div>
    <div style="border-bottom: 1px solid #eee;"><br></div><br>
     
    <div id="cboxdiv" style="text-align: center; line-height: 0">
    <div><iframe frameborder="0" width="190" height="100" src="http://www7.cbox.ws/box/?boxid=429096&amp;boxtag=mjw5z0&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-429096" style="border: 0px solid;" id="cboxmain7-429096"></iframe></div>
     
    <div><iframe frameborder="0" width="190" height="60" src="http://www7.cbox.ws/box/?boxid=429096&amp;boxtag=mjw5z0&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-429096" style="border: 0px solid;border-top:0px" id="cboxform7-429096"></iframe></div>
     
    </div>
    </div>
     
    <div id="main">
    <Blogger>
    <div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> // <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
    <table style="font: 8pt arial;">
    <tr>
    <td width="100" style="padding: 10px;" valign="top" align="center">
    <div class="photo">
    <script type="text/javascript">
    <!-- hide 
    numquotes = 4;
    var quotes = new Array(numquotes);
    quotes[0]="<img src=http://i50.tinypic.com/11rr96x.jpg>";
    quotes[1]="<img src=http://i46.tinypic.com/65sxsx.jpg>";
    quotes[2]="<img src=http://i47.tinypic.com/21q2e1.jpg>";
    quotes[3]="<img src=http://i49.tinypic.com/2upz50w.jpg>";
    var rand = Math.floor(Math.random()*numquotes);
    ;// -->
    </script>
    <div style="margin-top: 10px; font: 7pt arial; letter-spacing: 2px; text-transform: uppercase; color: #999;">
    <$BlogItemDateTime$>
    </div>
    </td>
     
    <td>
    <div style="padding: 15px;">
    <$BlogItemBody$><br>
    </div>
    </td>
    </tr>
    </table>
    </Blogger>
    </div>
    <br>
     
    <div style="margin-left: auto; margin-right: auto; width: 800px;">
    <div class="navigation">
    <OlderPosts><a  href=<$OlderPosts$>><span style="font-size:12px;font-family:courier new"><img src="http://i47.tinypic.com/244duoi.jpg" height="12px"> Older entries </span></a></OlderPosts> 
    <div style="float: right">
    <NewerPosts><a  href=<$NewerPosts$>><span style="font-size:12px;font-family:courier new"> Newer entries <img src="http://i46.tinypic.com/33wqnw6.jpg" height="12px"> </a></span></a></NewerPosts>
    </div></div>
    </div>
     
    <br><br>
     
    </body>
    </html>

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

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

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

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

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

    ความคิดเห็น

    ×