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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #11 : ♦ theme no.10 :strangeness & charm (vintage style)

    • เนื้อหานิยายตอนนี้เปิดให้อ่าน
    • 1.13K
      2
      29 ต.ค. 56




    แนววินเทจอีกธีม




    <title></title>
    <link href="http://fc00.deviantart.net/fs70/f/2012/253/c/b/free_flower_icon_4_by_revpixy-d5ea19r.png" rel="shortcut icon" />
    <script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script><script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>
    $(document).ready(function() {
    //
    $('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value
    -$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" display="none" class="btn_close" title="Close" alt="close" /></a>');
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;
    //Apply Margin to Popup
    $('#' + popID).css({
    'margin-top' : -popMargTop,
    'margin-left' : -popMargLeft
    });
    $('body').append('<div id="fade"></div>');
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
    return false;
    });
    $('a.close, #fade').live('click', function() {
    $('#fade , .popup_block').fadeOut(function() {
    $('#fade, a.close') (); //fade them both out
    });
    return false;
    });
    });
    </script>
    <link href="http://fonts.googleapis.com/css?family=Poller+One" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Stalemate" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #navbar-iframe{display: none;}
    ::-webkit-scrollbar-thumb:vertical {background: #b8a797;width:10px;}
    ::-webkit-scrollbar {height:0px;width:7px;background-color:#f0edea;}

    html {
    overflow: auto;}

    body {
    font: 11px trebuchet ms;
    line-height: 1.5;
    color: #666;
    text-align: justify;
    background: url(http://31.media.tumblr.com/tumblr_me9pm8q1K91qcdtsho1_1280.jpg) fixed repeat;
    position: absolute;
    top: 0px;
    left: 20px;
    bottom: 0px;
    right: 20px;
    padding: 10px;  
    overflow-y: scroll;
    overflow-x: hidden;}

    a {
    color: #909090;
    text-decoration: none; }
    a:hover {
    background: ;
    color: #484848; }

    .header {
    background: url(''); padding: 10px;
    font: 60px Marck Script;
    text-shadow: 4px 4px #49423c;
    color: #f0edea;
    text-align: center;
    height: 100px;
    width: 600px;
    }

    .liner {
    background: url('http://i1366.photobucket.com/albums/r778/Anasomnia/backgrounds/pink-vintage-flower-design-6_zpsdc0cbb61.gif');
    padding: 2px;
    text-align: center;
    height: 2px;
    opacity: .7;}

    .liner2 {
    background: url('http://i1366.photobucket.com/albums/r778/Anasomnia/backgrounds/pink-vintage-flower-design-6_zpsdc0cbb61.gif');
    padding: 1px;
    text-align: center;
    height: 1px;
    opacity: .4;}

    .post {
    float: right;
    width: 600px;
    padding: 25px 25px;
    float:left;
    background: #f0edea;}

    .sidebar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 350px;
    text-align: center;
    background: #f0edea;
    padding: 10px;
    font-size:10px;
    -moz-border-radius-bottomright: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    -moz-border-radius-bottomleft: 50px 50px;
    border-bottom-left-radius: 50px 50px;
    }

    .butt{
    position: fixed;
    top: 310px;
    left: 0px;
    width: 270px;
    height: 150px;
    text-align: center;
    background: #f0edea;
    font-size:10px;
    -moz-border-radius-bottomright: 500px 500px;
    border-bottom-right-radius: 500px 500px;
    -moz-border-radius-bottomleft: 500px 500px;
    border-bottom-left-radius: 500px 500px;
    z-index:-1;
    }


    .popup_block{
     display: none; /*--hidden by default--*/
     width: 300px;
     height: 500px;
     background: #f0edea;
     overflow: auto;
     padding: 10px;
     border: 1px solid #eee;
     float: left;
     font-size: 1em;
     position: fixed;
     top: 50%; left: 50%;
      ;
     /*--CSS3 Box Shadows--*/
     -webkit-box-shadow: 0px 0px 50px #000;
     -moz-box-shadow: 0px 0px 50px #000;
     box-shadow: 0px 0px 50px #000;
     /*--CSS3 Rounded Corners--*/
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
    }
    img.btn_close {
            float: right;
     margin: -2px -2px 0 0;
    }
    /*--Making IE6 Understand Fixed Positioning--*/
    *html #fade {
     position: absolute;
    }
    *html .popup_block {
     position: absolute;
    }

    .charm{
    font-style: italic;
    font-family: georgia;
    color: #666;
    font-size: 10.5px;
    border-bottom: 1px solid #eee;
    text-align: justify;
    padding: 3px;
    margin-bottom: 5px;
    }

    .charm img{
    opacity: 0.9;  
    padding: 6px;
    }




    .circle1 {
    background: #b8a797;
    font-family:Stalemate;
    font-size:30px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100px;
     display: inline-block;
    margin: 3px;
    padding: 20px;}

    .circle1:hover {
    background: #e2dbd5;
    color: #484848;
    width: 30px;
    height: 30px;
    border-radius: 100px;}

    .circle2{
    background: #cdc1b6;
    font-family: Stalemate;
    font-size:30px;
    color: #fff;  
    width: 30px;
    height: 30px;
    border-radius: 100px;
     display: inline-block;
    margin: 3px;
    padding: 20px;}

    .circle2:hover {
    background: #e2dbd5;
    color: #484848;
    width: 30px;
    height: 30px;
    border-radius: 100px;}


    #main{
    padding: 20px 20px 20px 20px;
    width: 540px;
    margin: auto;
    }

    h1 {
    margin-bottom: 10px;
    padding-bottom: 3px;
    font: 13px Poller One;
    font-weight: ;
    text-transform: uppercase; }

    h2 {
    font: 12px Poller One;
    text-align: center;}

    h3 {
    font: 30px Marck Script;
    text-shadow: 2px 2px #f0c3c1;
    color: #49423c;
    text-align: center;}

    blockquote {
    padding: 40px;
    font: 12px georgia;
    font-style: italic;
    background: url(http://25.media.tumblr.com/5e1bc93a35f458c9a54a23598e0ba9d9/tumblr_mj3q3qJdh21qcdtsho1_1280.jpg);
    color: #474747;
    opacity: .9;
    -moz-border-radius-topmright: 50px 50px;
    border-top-right-radius: 50px 50px;
    -moz-border-radius-topleft: 50px 50px;
    border-top-left-radius: 50px 50px;
    }

    blockquote:hover {
    background: #cdc1b6;}</style>
    <div id="main">
        <div class="sidebar">
            <center>
                <img src="http://25.media.tumblr.com/tumblr_me01h9cB1h1qbjmeio1_500.jpg" width="250px" /></center>
            <div style="height: 170px; overflow: auto; border: 1px solid #d8d8d8; background: #fff; padding: 5px; text-align: center;
    opacity: .9; -moz-border-radius-bottomright: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    -moz-border-radius-bottomleft: 50px 50px;
    border-bottom-left-radius: 50px 50px; opacity: .6;">
                <span style="color:#696969;">&quot;Hydrogen in our veins, it cannot hold itself, our blood is boiling, And the pressure in our bodies that echoes up above it is exploding, And our particles that burn it all because they aim for each other, And although we stick together it seems that we are stranging one another&quot;<br />
                <br />
                Replace this text with your short disclaimer.</span><br />
                <br />
                <object data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" height="20" type="application/x-shockwave-flash" width="200"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#ffffff" /><param name="FlashVars" value="mp3=https%3A//dl.dropboxusercontent.com/s/qkdbnvdkfd0ulay/14%2520-%2520Strangeness%2520and%2520Charm.mp3%3Ftoken_hash%3DAAFY0335cCm2FEmEj4b5hr-IkkmgjeOSNhP5n-jNGdMRzg%26dl%3D1&amp;bgcolor=ffffff&amp;loadingcolor=cccccc&amp;buttoncolor=474747&amp;slidercolor=474747" /></object></div>
            <br />
            <h1>
                <a href="http://www.blogskins.com/me/anasulliven" target="blank" title="skin by Ana">✿</a> <a href="http://www.blogskins.com" target="blank" title="blogskins">✽</a> <a href="http://blogspot.com" target="blank" title="blogspot">✿</a></h1>
        </div>
        <div class="butt">
            &nbsp;</div>
        <div class="header">
            Strangeness and charm</div>
        <div class="post">
            <center>
                <div class="circle1">
                    <a class="poplight" href="http://writer.dek-d.com/beer-naka/friend/" rel="about" title="about">1</a></div>
                <div class="circle2">
                    <a class="poplight" href="http://writer.dek-d.com/beer-naka/writer/" rel="blog" title="the blog">2</a></div>
                <div class="circle1">
                    <a class="poplight" href="http://my.dek-d.com/beer-naka/qmsg/" rel="stuff" title="stuff &amp; credits">3</a></div>
                <div class="circle2" title="+follow!">
                    <a href="http://my.dek-d.com/beer-  naka/friend/request_friend.php">✛</a></div>
            </center>
            <br />
            <div class="liner">
                &nbsp;</div>
            <div style="text-align: center;">
                <br />
                <mtentries lastn="7"> <blogitemtitle></blogitemtitle></mtentries></div>
            <mtentries lastn="7"><blogitemtitle>
            <h1 style="text-align: center;">
                <span style="color:#696969;">what&#39;s up</span></h1>
            <div style="float: right; text-align: center;">
                &nbsp;</div>
            </blogitemtitle>
            <div style="text-align: center;">
                <span style="color:#696969;"><blogitemtitle></blogitemtitle></span></div>
            <span style="color:#696969;"><blogitemtitle>
            <div style="float: right; text-align: center;">
                <a href="&lt;$BlogItemCommentCreate$&gt;"><!--$blogitemcommentcount$--></a></div>
            </blogitemtitle></span></mtentries>
            <div style="text-align: center;">
                <mtentries lastn="7"><span style="color:#696969;"><blogitemtitle><!--$blogitemtitle$--></blogitemtitle>หายไปเนิ่นนานนนนน กลับมาพร้อมบทความแจกธีมไอดี<br />
                <br />
                ขี้เกียจมานานเพิ่งจะมาขยันตอนใกล้เปิดเทอม 555+ บทความฉันจะมีสักกี่ตอนละเนี่ย </span></mtentries><span style="color:#696969;"><img src="http://image.dek-d.com/25/2611558/111473045" /></span><mtentries lastn="7"></mtentries><span style="color:#696969;"><mtentries lastn="7"><!--$mtentrybody$--><!--$blogitemtitle$--><!--$blogitemcommentcount$--></mtentries><br />
                <br />
                ยังไงก็จะพบายามเข้ามาอัพบ่อยๆ ถ้ามีคนคอยน่ะนะ <img height="13" src="http://image.dek-d.com/25/2611558/111360243" width="50" /><br />
                <br />
                เชิญเข้าไปติชมกันตามสบายนะคะ ด้อนท์วอรี่เพราะไม่ได้ทำเอง แฮ่ๆๆๆ<br />
                <br />
                ไปสูบมาจากบล็อคสกินและก็ปรับแต่งให้มาใช้งานในมายไอดีได้<br />
                <br />
                ธีมก็แนว ๆ ที่เห็นอยู่นี้ หวานบ้าง ติสบ้างแล้วแต่อารมณ์ที่ขึ้นๆ ลง ๆ อยู่เสมอ<br />
                <br />
                ยังไงก็ฝากเข้าไปเจิมกันหน่อยนะฮาฟ ตามแบบเนอร์ปลวก ๆ ด้านล่างไปเล้ย <img src="http://image.dek-d.com/25/2611558/111360229" /></span><br />
                <br />
                <a href="http://writer.dek-d.com/beer-naka/writer/view.php?id=1045894"><img src="http://image.dek-d.com/27/0261/1558/114131249" /></a></div>
            <br />
            <br />
            <h2>
                &nbsp;</h2>
        </div>
        <div class="popup_block" id="about">
            <div class="charm">
                <h3>
                    ❝The writer❞</h3>
                <img align="left" src="http://i941.photobucket.com/albums/ad254/autumndanced/forestandsea/forestandsea-0258.png" width="70px" />&ldquo;I used to think I was the strangest person in the world but then I thought there are so many people in the world, there must be someone just like me who feels bizarre and flawed in the same ways I do. I would imagine her, and imagine that she must be out there thinking of me too. Well, I hope that if you are out there and read this and know that, yes, it&#39;s true I&#39;m here, and I&#39;m just as strange as you.&rdquo;<br />
                <br />
                Here comes your bio. Write stuff about yourself. Writing stuff about yourself is fun. Can be as long as you&#39;d like, a wild scrollbar will appear if the text is longer than the size of the box.</div>
        </div>
        <div class="popup_block" id="blog">
            <div class="charm">
                <h3>
                    ❝The blog❞</h3>
                <img align="left" src="http://i941.photobucket.com/albums/ad254/autumndanced/forestandsea/forestandsea-0239.png" width="70px" />&ldquo;This is how you do it: you sit down at the keyboard and you put one word after another until its done. It&#39;s that easy, and that hard.&rdquo;<br />
                <br />
                Write a description about your blog here! Why did you start it? When? What&#39;s your blog like? Or whatever you want, really.</div>
        </div>
        <div class="popup_block" id="stuff">
            <div class="charm">
                <h3>
                    ❝Whatever❞</h3>
                <img align="left" src="http://ic.pics.livejournal.com/jeonwondiary/65325963/183071/183071_original.png" width="70px" />This is a free page. Put here your tagboard, your links, or anything. You can delete the credits below, but please, leave a link somewhere to the original skin where I&#39;ve already listed the credits. Thank you!<br />
                <br />
                <h1>
                    Credits</h1>
                <br />
                <b>Skin made by:</b> <a href="http://www.blogskins.com/me/anasulliven" target="blank">AnaSulliven</a><br />
                <b>Skin code base:</b> <a href="http://www.blogskins.com/info/401482" target="blank">Butterfly Wings</a><br />
                <b>Inspiration:</b> <a href="http://www.blogskins.com/info/382343" target="blank">adya.karou</a> &amp; <a href="http://www.blogskins.com/info/400024" target="blank">strawberryavalanche</a><br />
                <b>Pop-up:</b> <a href="http://www.blogskins.com/info/400024" target="blank">strawberryavalanche</a><br />
                <b>Fonts:</b> <a href="http://www.google.com/fonts#" target="blank">Google Fonts</a><br />
                <b>Colors:</b> <a href="http://www.color-hex.com/" target="blank">ColorHex</a><br />
                <b>Pictures:</b> <a href="http://www.tumblr.com" target="blank">Tumblr</a><br />
                <b>Music:</b> Florence + The Machine</div>
        </div>
    </div>
    &lt;$blogitemcommentcount$&gt;&lt;$blogitemtitle$&gt;&lt;$mtentrybody$&gt;<!-- 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$--><!--$blogitemtitle$--><!--$blogitemcommentcount$-->





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

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

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

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

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

    ความคิดเห็น

    ×