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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ♠ theme id stock ♠

    ลำดับตอนที่ #18 : ♦ theme no.17 :without you (black&white)

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 1K
      0
      1 พ.ย. 56






    แนวตาร์กๆ มืดมน หม่นหมอง




    <link href="http://i46.tinypic.com/m9rtz5.gif" rel="icon" type="image/jpg" />
    <title></title>
    <style type="text/css">
    #navbar-iframe {display:none;}
    body {background-image:url(http://i45.tinypic.com/ogcbpy.jpg);text-align:justify;background-attachment:fixed;background-repeat:repeat;font-family:arial;font-size:11px;font-color:#333333;line-height:13px;}
    a, a:link, a:active, a:visited {text-decoration:none;color:#ffffff;transition:0.2s ease-in;-webkit-transition:0.2s ease-in;background-color:#333333;}
    a:hover {border:none;background-color:transparent;color:#333333;cursor:w-resize;text-decoration:none;}
    b {font-weight:bold;color:#fa5858;font-family:arial black;}
    u {border-bottom:1px solid #ccc;text-decoration:none;}
    #head {margin:-10 0 0 -3px;width:100%;height:155px;background-color:#000000;background-image:url(http://i46.tinypic.com/dzeb04.jpg);background-repeat:no-repeat;background-position:top right;background-attachment:fixed;}
    #content {margin-right:auto;margin-left:auto;width:500px;margin-top:10px;}
    #nav {width:100%;height:30px;background-color:#1c1c1c;margin-left:-3px;}
    a.link {border:none;line-height:13px;transition:0.2s ease-out;-webkit-transition:0.2s ease-out;padding:20 20 5 20px;display:inline-block;background-color:#1c1c1c;margin:-30 10 0 10px;text-decoration:none;color:#ffffff;text-transform:uppercase;font-family:trebuchet ms;font-size:10px;}
    a.link:hover {cursor:move;color:#ffffff;background-color:#000000;padding:20 20 17 20px;}
    .post {width:500px;padding:15px;margin-bottom:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#ffffff;}
    .title {color:#fa5858;font-size:20px;letter-spacing:1px;text-transform:lowercase;line-height:22px;}
    .title:first-letter {color:#df7401;text-transform:uppercase;font-size:30px;font-family:georgia;font-style:italic;font-weight:bold;}
    .side {margin-left:-260px;margin-top:-15px;text-align:right;width:200px;background-color:transparent;border-radius:10px;-webkit-border-radius:10px;padding:15px;position:absolute;}
    img.p {padding:3px;background-color:#f0f0f0;margin:0 10 3 5px;display:inline;max-width:100px;}
    #info {text-align:center;}
    .pt {text-align:left;font-family:arial;margin-bottom:-3px;text-transform:lowercase;letter-spacing:-1px;font-weight:normal;font-size:25px;line-height:27px;color:#333333;}
    .details {border-left:30px solid #333333;text-transform:uppercase;letter-spacing:1px;font-family:arial;font-size:9px;color:#333333;line-height:9px;padding:0 0 0 10px;margin:0px;}
    .e {text-transform:uppercase;font-family:trebuchet ms;font-size:8px;letter-spacing:2px;color:#ccc;text-align:right;line-height:9px;}
    p {margin:2 0 0 0px;padding:0px;}
    blockquote {margin:2 5 2 15px;padding:3 3 3 15px;border:none;background-color:#f1f1f1;}
    a.af {width:100px;margin:3 10 3 5px;text-decoration:none;text-align:center;border:1px solid #ccc;padding:3px;background-color:#f1f1f1;display:inline-block;font-family:trebuchet ms;font-size:8px;color:#333333;text-transform:uppercase;letter-spacing:1px;}
    a.af:hover {letter-spacing:3px;cursor:sw-resize;text-decoration:none;background-color:#f1f1f1;}
    a.per, a.per:link, a.per:visited, a.per:active {background-color:transparent;border-bottom:1px solid #f0f0f0;text-decoration:none;color:#000000;}
    a.per:hover {text-decoration:line-through;color:#333333;border:none;}
    ::selection {color:#1c1c1c;background-color:#transparent;}
    ::-moz-selection {color:#1c1c1c;background-color:#transparent;}
    li {margin:0px;padding:0px;list-style-type:square;}
    img, a img {max-width:500px;}</style>
    <div id="head">
        &nbsp;</div>
    <div id="nav">
        <span style="color:#ffffff;"><a href="http://my.dek-d.com/beer-  naka/friend/request_friend.php">&nbsp; Add me&nbsp;</a> <a href="http://writer.dek-d.com/beer-naka/friend/">Friends&nbsp; </a><a href="http://writer.dek-d.com/beer-naka/writer/">Wtiter&nbsp; </a><a href="http://my.dek-d.com/beer-naka/qmsg/">Qmsg.</a></span></div>
    <div id="content">
        <div id="cont">
            <mtentries lastn="7">
            <div class="post">
                <mtdateheader>
                <div class="pt">
                    <!--$mtentrydate-->me without you :((</div>
                </mtdateheader>
                <div class="details">
                    <blogitemtitle></blogitemtitle>I can be tough<br />
                    I can be strong<br />
                    But with you, It&#39;s not like that at all</div>
                ....<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                .<br />
                ฝากด้วยนะ<br />
                <a href="http://my.dek-d.com/dek-d/writer/view.php?  id=1045894"><img src="http://image.dek-d.com/27/0261/1558/114131249" /></a></div>
            </mtentries></div>
        <div id="entries" style="display:none;">
            <div class="side" style="margin-top:5px;">
                <div class="title">
                    Entries</div>
                <div class="e">
                    my/our/his/her journey of life<br />
                    <olderposts>&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;<a class="per" href="&lt;$OlderPosts$&gt;">older &laquo;</a> |<!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--></olderposts> <a class="per" href="/">index</a><newerposts>&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt; | <a class="per" href="&lt;$NewerPosts$&gt;">&raquo; newer</a><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--></newerposts></div>
            </div>
            <mtentries lastn="7">&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;
            <div class="post">
                <mtdateheader>
                <div class="pt">
                    &lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;<!--$mtentrydate--></div>
                </mtdateheader>
                <div class="details">
                    <blogitemtitle>&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;<!--$blogitemtitle$--><!--$mtentrydate--></blogitemtitle> posted @ <a class="per" href="&lt;$BlogItemPermalinkUrl$&gt;" target="_self">&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;<!--$mtentrydate--></a><blogitemcommentsenabled>&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt; with <a class="per" href="&lt;$BlogItemCommentCreate$&gt;">&gt;&lt;$blogitemcommentcount$&gt; comment/s<!--$blogitemcommentcount$--></a><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--></blogitemcommentsenabled></div>
                &lt;$mtentrybody$&gt;<!--$mtentrybody$--></div>
            <!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--></mtentries></div>
        <div id="profile" style="display:none;">
            <div class="post" id="info">
                <div class="side">
                    <div class="title">
                        About me/u</div>
                    <div class="e">
                        something about you/me/us/them</div>
                </div>
                <img class="p" src="http://i45.tinypic.com/5xojzd.png" /><img class="p" src="http://i45.tinypic.com/fwofol.png" /><img class="p" src="http://i46.tinypic.com/35mkxs5.png" /><img class="p" src="http://i49.tinypic.com/24v8dxx.png" /><br />
                <strike>Write</strike> Type your name here. Type everything you want to include here. Replace this with your own words. Nyahah~<br />
                <br />
                infoooo<br />
                oksss<br />
                <br />
                <b>bold</b><br />
                <i>italic</i><br />
                <u>underline</u><br />
                <strike>strike</strike><br />
                <a>anchor</a></div>
        </div>
        <div id="tog" style="display:none;">
            <div class="post" id="info">
                <div class="side">
                    <div class="title">
                        taggg</div>
                    <div class="e">
                        a little talk</div>
                </div>
                <img class="p" src="http://i46.tinypic.com/zsqhj.png" /><img class="p" src="http://i47.tinypic.com/312ek5x.png" /><img class="p" src="http://i50.tinypic.com/i73j46.png" /><img class="p" src="http://i50.tinypic.com/10p0y85.png" /><br />
                weiiirdd<br />
                Tagboard.<br />
                width:500px</div>
        </div>
        <div id="affi" style="display:none;">
            <div class="post" id="info">
                <div class="side">
                    <div class="title">
                        affiliates</div>
                    <div class="e">
                        my friends friends friends</div>
                </div>
                <img class="p" src="http://i45.tinypic.com/oaxf9z.png" /><img class="p" src="http://i45.tinypic.com/muyfic.png" /><img class="p" src="http://i49.tinypic.com/35a16w6.png" /><img class="p" src="http://i48.tinypic.com/1hw7q9.png" /><br />
                <a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af" href="http://">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a><a class="af">friend</a></div>
        </div>
        <div id="misc" style="display:none;">
            <div class="post">
                <div class="side">
                    <div class="title">
                        Archive</div>
                    <div class="e">
                        past/previous/rewind/backwards</div>
                </div>
                <img class="p" src="http://i46.tinypic.com/30a9z08.png" /><img class="p" src="http://i50.tinypic.com/2r5vm6o.png" /><img class="p" src="http://i50.tinypic.com/202iv8.png" /><img class="p" src="http://i47.tinypic.com/23rkg1c.png" /><br />
                <div class="pt">
                    recent post/s</div>
                <bloggerpreviousitems>&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;
                <li>
                    <a class="per" href="&lt;$BlogItemPermalinkURL$&gt;">&lt;$blogpreviousitemtitle$&gt;<!--$blogpreviousitemtitle$--></a></li>
                <!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--></bloggerpreviousitems><br />
                <div class="pt">
                    monthly archive</div>
                <bloggerarchives>&lt;$blogpreviousitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;&lt;$blogitemcommentcount$&gt;&lt;$mtentrydate format=&quot;%B %e, %Y&quot;&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrydate format=&quot;%I:%M:%S %p&quot;&gt;&lt;$mtentrybody$&gt;
                <li>
                    <a class="per" href="&lt;$BlogArchiveURL$&gt;">&lt;$mtarchivetitle$&gt;<!--$mtarchivetitle$--></a></li>
                <!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogpreviousitemtitle$--></bloggerarchives></div>
            <div class="post" id="info">
                <div class="side">
                    <div class="title">
                        Miscellaneous</div>
                    <div class="e">
                        anything/wants/wishes/something</div>
                </div>
                <img class="p" src="http://i50.tinypic.com/34zatra.png" /><img class="p" src="http://i46.tinypic.com/1yl6bp.png" /><img class="p" src="http://i48.tinypic.com/651iyu.png" /><img class="p" src="http://i49.tinypic.com/qph4iu.png" /><br />
                Random things.. Okay! :D</div>
        </div>
        <div id="credits" style="display:none;">
            <div class="post" id="info">
                <div class="side">
                    <div class="title">
                        credits</div>
                    <div class="e">
                        many thanks</div>
                </div>
                <img class="p" src="http://i47.tinypic.com/25hh9xk.png" /><img class="p" src="http://i50.tinypic.com/1znbho9.png" /><img class="p" src="http://i47.tinypic.com/ml2r8j.png" /><img class="p" src="http://i46.tinypic.com/33c0lsn.png" /><br />
                This layout is coded by <a href="http://www.blogskins.com/me/erliux" target="_blank">erliux</a>. The icons came from <a href="http://reviviscent.blogspot.com" target="_blank">reviviscent</a>. Also, thanks to: <a href="http://princess-pixel.tumblr.com" target="_blank">princess-pixel</a> of Tumblr for the favicon. Header from <a href="http://kaoru-nippon.blogspot.com" target="_blank">kaoru-nippon</a>. Background from <a href="http://fairycandlesxo.tumblr.com" target="_blank">fairycandles</a> of Tumblr. <a href="http://html-color-codes.info" target="_blank">Color codes</a>. And, thank you for the <a href="http://www.blogskins.com/forum/3/140514/" target="_blank">Tutorial of Pinkifish</a>, specifically for the navigations.<br />
                Arigatou!</div>
        </div>
    </div>
    <!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
    <style type="text/css">
    #wrapper,.thcon { display:none }</style>
    <div class="theanchor">
        &nbsp;</div>
    <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$mtentrybody$--><!--$mtentrydate--><!--$blogitemtitle$--><!--$mtentrydate--><!--$blogitemcommentcount$--><!--$blogpreviousitemtitle$--><!--$mtarchivetitle$-->


    :)  Shalunla
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×