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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #5 : ♦ theme no.4 : girly girl (pink)

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






    แนวหวานๆ หญิงจ๋า




    <meta content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" name="generator" />
    <link href="http://www.iconj.com/gif_icon.php?pid=9sd1qsdvqm" rel="shortcut icon" />
    <script LANGUAGE="JavaScript">var a1 = "&#52852;&#54168;";var a2 = "&#49324;&#46993;";var delay = 1600;b1();function b1() {ID = setTimeout("b2()",delay);document.title = (a1);}function b2() {ID = setTimeout("b1()",delay);document.title = (a2);}</Script>
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {background: #fff; font: normal 8pt arial;}

    *{outline: none;}

    img {border: 0; -webkit-transition-duration: .5s;}
    .box {width: 600px;background-color: #fff;height: 100%;padding: 0;margin: 0 auto;}
    .folio_block {position: absolute;left: 429px; top: 149px;}

    /*--Main Container--*/
    .main_view {float: left;position: relative;}

    /*--Window/Masking Styles--*/

    .window {height:312px; width: 560px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;}

    .image_reel {position: absolute;top: 0; left: 0;}.image_reel img {float: left;}


    /*--Paging Styles--*/
    .paging {position: absolute;bottom: 10px; right: -8px;width: 90px; height:27px; ; /*--Assures the paging stays on the top layer--*/text-align: center;line-height: 40px;display: none; /*--Hidden by default, will be later shown with jQuery--*/}

    .paging a {padding: 5px;text-decoration: none;color: #fff;border-bottom: none;}

    .paging a.active {font-weight: bold; background: #fbf4e7; border: 1px solid #e8bbb4;-moz-border-radius: 50px;-khtml-border-radius: 50px;-webkit-border-radius: 50px;}
    .paging a:hover {font-weight: bold; border-bottom: none;}


    .&#54616;&#45720; {filter:alpha(opacity=50);opacity:.50; -webkit-transition-duration: .5s;}
    .&#54616;&#45720;:hover {filter:alpha(opacity=90);opacity:.90; }

    .&#54616;&#45720; img{max-width:585px; border: 5px #fbebde solid; -webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;}
    .&#54616;&#45720; img:hover{border:5px #fcd2d2 solid;}

    /**************************************************************************/
    /*&#54756;&#45908;*/
    .&#51228;&#47785; {background: #f6f2e7; border-left: #e9ddc7 solid 1px; float: right; padding-right: 5px; padding-left: 15px; text-align: right; font: normal 7pt arial; color: #c3a988; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing: 2px;border-top: #e9ddc7 solid 1px; border-bottom: #e9ddc7 solid 1px; padding-top: 1px; padding-bottom: 5px; padding-top: 5px;}
    /**************************************************************************/
    /*&#50549;&#52964;- <a> &#53441; &#49828;&#53440;&#51068;*/
    a:link, a:active, a:visited {font: 8pt arial; color: #f09896; text-shadow: 1px 1px 0 #fff; text-decoration: none;-webkit-transition-duration: .35s;}
    a:hover {border-bottom: 2px solid #f09896; color: #f1f1f1;}
    a.&#52828;&#44396;{font: normal 7pt arial; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; color: #bfb29d;-webkit-transition-duration: .5s; background-color: #f6f2e7; padding: 10px; border-bottom:none; margin-right:2px;}
    a.&#52828;&#44396;:hover { background-color: #fbc9cc; color: #fce1e7; text-shadow: 0 0 0;}
    /**************************************************************************/
    /*&#44536;&#45285;*/
    i {color: #f7c3c5; letter-spacing: 1px; font-family: georgia;} b {color: #d4cab7;  padding: 1px 2px 1px 2px;} u {color: #e9e1d4;border-bottom: 1px dotted #f1c6da; text-decoration:none;} s {color: #f9efe5;}
    blockquote {border-left: 10px solid #f1ead1; font: 8pt arial; color: #c8ab9b; padding: 3px; -webkit-transition-duration: .5s;}
    blockquote:hover {border-left: 10px solid #f7d2b4;}</style>
    <img src="http://img152.imageshack.us/img152/7586/backgroundmainz.jpg" /><img src="http://img545.imageshack.us/img545/4729/backgroundlv.jpg" style="position: absolute; left:1220px;" />
    <div class="box">
        <div class="folio_block">
            <div class="main_view">
                <div class="window">
                    <div class="image_reel">
                        <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/1.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/2.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/3.jpg" width="560px" /> <img alt="" src="http://i1105.photobucket.com/albums/h349/jungnayeong/Cafe%20layout/4.jpg" width="560px" /></div>
                </div>
                <div class="paging">
                    <a href="#" rel="1">1</a><a href="#" rel="2">2</a><a href="#" rel="3">3</a><a href="#" rel="4">4</a></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">
    $(document).ready(function() {
    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");
    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;
    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});
    //Paging + Slider Function
    rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
    $(".paging a") Class('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
    //Slider Animation
    $(".image_reel").animate({
    left: -image_reelPosition
    }, 500 );
    };

    //Rotation + Timing Event
    rotateSwitch = function(){  
    play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
    $active = $('.paging a.active').next();
    if ( $active.length === 0) { //If paging reaches the end...
    $active = $('.paging a:first'); //go back to first
    }
    rotate(); //Trigger the paging and slider function
    }, 7000); //Timer speed in milliseconds (3 seconds)
    };
     rotateSwitch(); //Run function on launch
     //On Hover
     $(".image_reel a").hover(function() {
      clearInterval(play); //Stop the rotation
     }, function() {
     rotateSwitch(); //Resume rotation
     });
    //On Click
    $(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation
    return false; //Prevent browser jump to link anchor
     });
    });
    </script>
    <div style="position: absolute; left:1080px; top: 270px;">
        <span class="짱" onclick="document.location.href='http://www.blogger.com/follow-blog.g?blogID=6332689646796192621';" style="font: normal 8pt arial; text-transform: uppercase; color: #f5a8ba; text-shadow: 1px 1px 0 #fff;">+follow</span></div>
    <div style="position: absolute; left: 1082px; top:288px;">
        <span class="짱" style="font: normal 8pt arial;text-shadow: 1px 1px 0 #fff; text-transform: uppercase; letter-spacing:-1px; color: #f5a8ba;"><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://jungnayeong.blogspot.com"></script>guest(s)</span></div>
    <div style="position: absolute; left: 230px; top: 80px; font: 20pt georgia; font-weight: bold; text-align: center; color: #f18a90;">
        JNY</div>
    <div class="하늘" style="position: absolute; left: 170px; top: 610px; width: 870px; height: 145px; overflow: auto; background-color:#fff; padding: 5px; color: #c3a88b;">
        Insert a <b>tagboard</b> here! 865*140</div>
    <div class="하늘" style="position: absolute; left: 175px; top: 175px; width: 200px; height: auto; background:#fff; overflow: auto; color: #c3a88b;">
        Hello my name is XXXXXXXXX<br />
        I like pretty things.</div>
    <div style="position: absolute; left: 430px; top: 480px; width: 545px; height: 50px; padding: 8px; overflow: auto; text-align: center;">
        <a class="친구" href="http://my.dek-d.com/beer-naka/friend/request_friend.php">Add me </a><a class="친구" href="http://writer.dek-d.com/beer-naka/friend/">Friend</a>&nbsp;<a class="친구" href="http://writer.dek-d.com/beer-naka/writer/">Writer</a> <a class="친구" href="http://my.dek-d.com/beer-naka/qmsg/">Qmsg.</a></div>
    <img src="http://img171.imageshack.us/img171/9269/topvq.gif" style="position: absolute; top: 805px; left:105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 904px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1003px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1102px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1201px; left: 105px;" /> <img src="http://img153.imageshack.us/img153/6605/middle.gif" style="position: absolute; top: 1300px; left: 105px;" /> <img src="http://img819.imageshack.us/img819/2678/bottomk.gif" style="position: absolute; top: 1399px; left: 105px;" />
    <div class="하늘" style="position: absolute; background: #fff; top: 900px; left: 360px; height: 610px; width: 700px; overflow: auto; font: 8pt arial; color: #bfb29d;">
        <mtentries lastn="7">
        <div class="제목">
            <blogitemtitle>Title name</blogitemtitle><mtdateheader><!--$mtentrydate--><!--$blogitemtitle$--></mtdateheader></div>
        <br />
        <br />
        บลาๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ<br />
        ๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ</mtentries></div>
    <div style="position: absolute; top:210px; left:1100px; font: 20pt arial; color:#fff;">
        &hearts;</div>
    <div style="position: absolute; top: 1480px; left: 200px; font: 8pt arial; color: #c9b998; text-align: center;">
        CREDITS: <a href="http://saewookkang.blogspot.com">Jung나</a><a href="http://blogskins.com/me/jung2">영</a></div>
    <br />
    <br />
    <!-- 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$-->







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

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

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

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

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

    ความคิดเห็น

    ×