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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #93 : BlogSkins . Grey Skin

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

    BlogSkins . Grey Skin

    Skin screenshot

     
    <html>
    <script type="text/javascript">
    document.ondragstart = function () { return false; }; </script>
     
    <head>
    <div style=" background-image: url('http://3.bp.blogspot.com/-fq2eCQv7oLs/UMqIJGohC1I/AAAAAAAAEe8/lglDjL55_DM/s1600/11+-+Copy.png'); top: 0px;  width: 20px; left:0px; height:100%; ; position: fixed;"></div>
     
    <div style=" background-image: url('http://4.bp.blogspot.com/-W6YJ3kiw40A/UMqIKIMUiII/AAAAAAAAEfA/fXq2VyT-4QI/s1600/11.png'); top:0px;  width: 40px; right:-7px; height: 100%; ; position: fixed;"></div>
     
    <base target='_blank'/>
    <title>F A K E S M I L E</title>
     
    <link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
     
    <link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
     
    <link rel="shortcut icon" href="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/rosey.png">
    <style type="text/css">
    #navbar-iframe{
    display: none;
    }
    body{
    background:url(http://i1104.photobucket.com/albums/h332/ArisaNazifa/background-line-1.png);
    background-attachment: fixed;
    font-family:trebuchet ms;
    letter-spacing:1px;
    color:#666;
    cursor:url(http://4.bp.blogspot.com/-qRRR6nDo6iw/Ti71h51n6bI/AAAAAAAABSU/CiQu2cTttv8/s1600/mousetache.png),auto;
    }
    a:link, a:visited {
    -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;
    text-decoration:none;
    color:#d5d5d5;
    padding:0px;
    cursor: url(http://4.bp.blogspot.com/-qRRR6nDo6iw/Ti71h51n6bI/AAAAAAAABSU/CiQu2cTttv8/s1600/mousetache.png),auto;
    }
    a:hover {
    border-bottom:1px dotted #dedede;
    color:#000;
    }
     
    .sidebar {
    padding-right:21px;
    width: 250px;
    font-size:11px;
    text-align:left;
    }
    .title {
    text-align: center;
    font-size: 30px;
    color: #585858;
    font-family:lemoncanfly;
    letter-spacing: 3px;
    padding: 3px;
    background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
    border-left:20px double #ccc;
    border-right:20px double #ccc;
    border-radius:3px;
    font-weight:bold;
    text-transform: ;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    .title:first-letter { color:#FF748B; }
     
    @font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}
     
    blockquote {
    padding: 10px 10px 10px 26px;
    border:1px dotted #dedede;
    background-position:bottom right;
    background-repeat:no-repeat;
    background-image: url(http://media.tumblr.com/tumblr_m3wh5eMeI31qdlkyg.gif);
    }
    h1 {margin-top:10px;
    color: #ccc;
    font-size:12px;
    font-family:gochi hand;
    text-align:center;
    letter-spacing: 2px;
    background:#eee;
    line-height:2pt;
    }
    u {
    text-decoration:none;
    border-bottom: 1px solid #dedede;
    -webkit-transition: 1s;
    }
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background:#fff;
    }
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #fff;
    border: 1px solid #efefef;
    }
    a.navi{
    display:inline-block;
    -webkit-transition:All 0.8s ease ;
    -moz-transition:All 0.84s ease ;
    -o-transition:All 0.8s ease ;
    padding:5px;
    width:60px;
    text-decoration:none;
    font-family:tahoma;
    font-size:10px;
    text-transform:uppercase;
    color: #fff;
    background: #9e9e9e;
    text-align:center;
    cursor:vertical-text;
    opacity: 0.4;
    }
    a.navi:hover{
    background: #ccc;
    letter-spacing: 3px;
    background-position:50% 30%;
    background-size:80px;
    letter-spacing:3px;
    color: #fff;
    border-bottom:0px;
    -webkit-transition:All 1.5s ease;
    -moz-transition:All 1.5s ease;
    -o-transition:All 1.5s ease;
    box-shadow:inset 0 50px 8px #fff;
    }
    #t3 {
    text-transform: ;
    background:#efefef;
    font: 9px 'trebuchet ms';
    text-transform:uppercase;
    padding: 2px;  
    text-align:center;
    letter-spacing:5px;
    font-style:bold; 
    color: #a9a9a9;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e2e0e0, #e2e0e0, #FFF);}
    .h2{background: #fff; padding: 6px} 
    </style>
    <script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>
     
    <body oncontextmenu='return false;'>
     
    <center>
     
    <div style="display:inline-block;width:900px;padding-top:270px;border-radius:0px 0px 0px 0px;border:1px solid #efefef;border-bottom:none;background-repeat:no-repeat;background: url(http://i.imgur.com/p3b02.png);margin-top:15px;"></div><br>
     
    <div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #efefef;background-color:#fff;background-position:center;background-image: url(http://i.imgur.com/P3g5T.png);">
     
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
    <a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
    <a class="navi" href="URL">FCBOOK</a>
    <a class="navi" href="URL">TWITTER</a>
    <a class="navi" href="URL">ASK.FM</a>
    <a class="navi" href="<$NewerPosts$>">NEWER</a>
    <a class="navi" href="<$OlderPosts$>">OLDER</a>
    <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=5628291143611387004">+FOLLOW</a></div></div></div>
     
    <div style="background:none;border-left:40px solid #efefef;border-right:40px solid #efefef;width:600px;height:50px;">
    </div>
     
    <table style="margin-bottom:20px;border-radius:0px 0px 30px 30px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:3px solid #efefef;" width="910" border="0" align="center" cellspacing="5">
    <tbody><tr>
     
    <td valign="top"><div class="sidebar">
    <div id="t3">Master Chef</div><h1>something</h1>
    <br><CENTER>
    { PUT YOUR OWN }<bR>
     
    <div id="t3">Monster Talk</div><h1>something</h1>
    <center>
    {PUT YOUR OWN CBOX}</center>
     
    <div id="t3">Mama Stuff</div><h1>something</h1>
    <center>
    <div style="border:1px solid #efefef;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
    <bloggerpreviousitems>
    <li><a  href="<$BlogItemPermalinkURL$>">
    <$BlogPreviousItemTitle$></li>
    </a>
    </BloggerPreviousItems>
    </div>
     
    <div id="t3">Memey Credits</div><h1>something</h1>
    <center>Template by <a href="http://aqila-farah.blogspot.com">Aqila Farah Zulkifli </a>. Basecode by <a href="http://nrulysmn.blogspot.com">Yasmin/Yacemin</a>. <br>
    Header by <a href="http://sweet-littlebear.blogspot.com">Aina Najihah</a><bR>
    Re-dit by <a href="">Your Name ( CHANGE )</a>
     
    <img style="padding:0px;border:0px;" src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/linewings.gif"></div></br>
     
    <td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">
     
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <$blogitembody$><br>
    <h2><span class="h2">
    <span style="text-transform: uppercase">
    <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled> 
     | <a href="javascript:scroll(0,0)">back to top </a></span></h2>
    </blogger>
    </div>
    </td>
     
     
    <div id="profile" style="display:none;">
    <div class="title">Who ?</div>
    <div class="comment">The human behind the screen.</div>
    <center><img src="http://24.media.tumblr.com/tumblr_mb4006VUGv1rbavh7o1_500.png"><br><br>
    {PUT YOUR OWN BIOGRAPHY}
    </div>
     
    <div id="link" style="display:none;">
    <div class="title">Linkies ?</div>
    <div class="comment">They are my friends.</div>
    <center><img src="http://24.media.tumblr.com/tumblr_mb4006VUGv1rbavh7o1_500.png"><br><br>
    {PUT YOUR OWN LINKIES}
    </div>
     
    <div id="stuff" style="display:none;">
    <div class="title">Stuff ?</div>
    <div class="comment">The tutorial and the freebies.</div>
    <center><img src="http://24.media.tumblr.com/tumblr_mb4006VUGv1rbavh7o1_500.png"><br><br>
    {PUT YOUR OWN STUFFS}
    </div>
     
    <div id="entry" style="display:none;">
    <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
    </blogger>
    </table>
    <div style="background:none;border-left:80px solid #efefef;border-right:80px solid #efefef;width:600px;height:80px;margin-top: -20px;margin-bottom: 0px;">
     
    </body></html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×