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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Cotton Bakery ❤ ID Dream etc..[close]

    ลำดับตอนที่ #14 : COTTON ❤[iddream] Girl's life

    • อัปเดตล่าสุด 16 เม.ย. 55


    cotton





    <head>
    <div class="widget-content"><div style="display:scroll; position:absolute; top:0px; left:260px;"><img src="http://i1030.photobucket.com/albums/y365/lurunnia/header-2.png" border="0" alt="Photobucket"></a></div>
    <div class="widget-content"><div style="display:scroll; position:fixed; top:0px; left:0px;"><object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/HFkGWPrx4nM?autoplay=1&amp;&amp;color1=0xffffff&amp;color2=0xffffffamp;amp;hl=en_GB&amp;rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/HFkGWPrx4nM?autoplay=1&amp;&amp;color1=0xffffff&amp;color2=0xffffffamp;amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed></object></div>
    <div class="widget-content"><div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1737974468532125585" target="_blank" rel="nofollow" title="follow me :D" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div></div> 
    <title>Dream High</title><link rel="shortcut icon" href="http://i1030.photobucket.com/albums/y365/lurunnia/pic002demoji_10027652decoojp.gif"><link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <style type="text/css">
    #navbar-iframe { display: none; }
    ::-moz-selection { color:white; background: }
    ::selection { color:white; }
    ::-webkit-selection { color:white; }
    ::-webkit-scrollbar { width: 10px; background-color: #fcfcfc; border-right:5px solid white; }
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment  { height: 30px; display: block; background: #fcfcfc}
    ::-webkit-scrollbar-track-piece  { background-color: #fcfcfc; }
    ::-webkit-scrollbar-thumb{ background-color: #c3d8ca; -webkit-border-radius: 400px; border-radius: 400px; }
    body, table { background:url('http://i1030.photobucket.com/albums/y365/lurunnia/fbbfcc_pink-pixel-heart-1.gif'); color: #000; font-family: trebuchet ms; letter-spacing:0px;font-size: 11px;cursor:url('http://cur.cursors-4u.net/nature/nat-9/nat865.cur'),progress;}
    a {text-decoration: none; color: #F778A1;cursor:url('http://cur.cursors-4u.net/nature/nat-9/nat865.cur'),progress; }
    a:hover { border-bottom:2px solid #F778A1;color:#6d6d6d;-moz-border-radius:6px;}
    li{list-style-type : none;background-image : url(http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann1.gif);background-position : left;background-repeat : no-repeat;padding-left : 2.0em;}
    i {color:#56A5EC;}
    b {color:#FAAFBE;}
    b:hover{color:#F778A1}
    u { text-decoration:none;border-bottom:2px solid #F778A1;-moz-border-radius:6px;}
    u:hover{text-decoration:none;border-bottom:2px solid #F778A1;-moz-border-radius:6px;color:#c0c0c0;}
    blockquote { background:#eee;padding:8px;border-left:15px solid #FAAFBE;}
    blockquote:hover {background:#eee;padding:8px;border-left:20px solid #FAAFBE;-moz-border-radius:15px;}
    a.comments {text-decoration: none; color: #ffffff; }
    a.comments:hover {border-bottom:none;}
    a.links {background-color: #FAAFBE;font-family: arial;font-size: 7.5pt;color: #fff; margin: 2px;text-transform: uppercase;padding: 3px 5px 3px 5px;text-align: center;display: inline-block;border: 1px solid #f5f5f5; -webkit-transition: 1s;}
    a.links:hover {background-color:#F778A1;color: #fff;border: 1px solid #f1f1f1;}
    a.title { letter-spacing: -1px; line-height: 80%; font-family: georgia; font-style: italic; font-size: 28px; color: #FAAFBE; -webkit-transition:1s;}
    a.title:hover { color:#F778A1; border-bottom:none;}
    .date { background-color: #FAAFBE; font:normal 11px 'trebuchet ms'; text-transform:lowercase; letter-spacing: 2px; line-height:18px; color:#fff; padding: 5px; margin-bottom:5px; margin-top: 10px;-moz-border-radius:4px;}
    .coat { background: url(http://i1030.photobucket.com/albums/y365/lurunnia/8756-8.gif); padding: 15px; -moz-box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45); box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45);  -webkit-box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45);}
    .bg{ background:#fff; padding:10px; -moz-border-radius:5px; -webkit-border-radius: 5px;}
    .dropcontent{ margin-left:auto; margin-right:auto; width: 700px; border: 0px; display:block;}
    .tip { color: #fff; background: #FAAFBE; display:none; padding:4px; position:absolute; ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    img.photo { float:left; outline: 0px; padding: 0px; background: none; margin-right: 10px; margin-bottom: 25px; width: 100px; border-top:10px solid #F0F0D8; border-left:10px solid #F0F0D8; border-right:10px solid #F0F0D8; border-bottom:20px solid #F0F0D8;}
    img.photo:hover { float:left; outline: 0px; padding: 0px; background: none; margin-right: 10px; margin-bottom: 25px; width: 100px; border-top:10px solid  #ECE5B6; border-left:10px solid  #ECE5B6; border-right:10px solid  #ECE5B6; border-bottom:20px solid  #ECE5B6;}
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
        //Tooltips
        $(".tip_trigger").hover(function(){
            tip = $(this).find('.tip');
            tip.show(); //Show tooltip
        }, function() {
            tip.hide(); //Hide tooltip
        }).mousemove(function(e) {
            var mousex = e.pageX + 20; //Get X coodrinates
            var mousey = e.pageY + 20; //Get Y coordinates
            var tipWidth = tip.width(); //Find width of tooltip
            var tipHeight = tip.height(); //Find height of tooltip

            //Distance of element from the right edge of viewport
            var tipVisX = $(window).width() - (mousex + tipWidth);
            //Distance of element from the bottom of viewport
            var tipVisY = $(window).height() - (mousey + tipHeight);

            if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
                mousex = e.pageX - tipWidth - 20;
            } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
                mousey = e.pageY - tipHeight - 20;
            }
            //Absolute position the tooltip according to mouse position
            tip.css({  top: mousey, left: mousex });
        });
    });
    </script>
    <script type="text/javascript">

    /*
    Combo-Box Viewer script- Created by and © Dynamicdrive.com
    Visit http://www.dynamicdrive.com/ for this script and more
    This notice MUST stay intact for legal use
    */

    if (document.getElementById){
    }

    function contractall(){
    if (document.getElementById){
    var inc=0
    while (document.getElementById("dropmsg"+inc)){
    document.getElementById("dropmsg"+inc).style.display="none"
    inc++
    }
    }
    }

    function expandone(){
    if (document.getElementById){
    var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
    contractall()
    document.getElementById("dropmsg"+selectedItem).style.display="block"
    }
    }

    if (window.addEventListener)
    window.addEventListener("load", expandone, false)
    else if (window.attachEvent)
    window.attachEvent("onload", expandone)

    </script>
    </head>

    <body>
    <form name="dropmsgform">
    <center>
    <a href="#" class="tip_trigger"><font style="font-family:courier new; font-size:20px; text-transform:uppercase; font-weight:normal line-height:9px; letter-spacing:1px;">★</font><span class="tip">click on the dropdown menu to navigate through this blog</span></a>
    <select name="dropmsgoption" size="1" style="text-align: center; margin-top: 320px; width:130px ;border: 0px none; padding: 3px; border: 0px; background:#FAAFBE; font-family:trebuchet ms; font-size: 11px; color: #fff; width:130px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;" onChange="expandone()">
        <option selected>My Journal</option>
        <option>About The Owner</option>
        <option>Scream Box</option>
        <option>Links and Contacts</option>
    </select>
    </center>
    <br>

    <div id="dropmsg0" class="dropcontent">
    <div class="coat">
    <div class="bg">
    <Blogger>
    <a class="title" href="<$blogitempermalinkurl$>"><$BlogItemTitle$></a>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ★ <$BlogItemDateTime$> ณ <a class="comments" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>(<$BlogItemCommentCount$>) angels</a></BlogItemCommentsEnabled></div>
    <iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&amp;layout=button_count&amp;show-faces=false&amp;width=530&amp;height=10&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:20px"></iframe>
    <$BlogItemBody$><br>
    <center/><img src="http://www5e.biglobe.ne.jp/~cep/s/ruru/lh.gif" border="0" alt="Photobucket">
    </Blogger>
    <center><OlderPosts><a href=<$OlderPosts$>> OLDER POST</a> </OlderPosts> | <NewerPosts><a href=<$NewerPosts$>> NEWER POST</a> </NewerPosts></center>
    </div>
    </div>
    </div>

    <div id="dropmsg1" class="dropcontent">
    <div class="coat">
    <div class="bg">
    <a class="title">Pieces Of Me</a>
    <div class="date">meet the big beauty boss</div><br>
    <img class="photo" src="http://i52.tinypic.com/2cwk3zo.jpg">
    I am <a href="http://facebook.com/supercherubicain">NurulAin</a> and this is my blog, it's mine. In this very little space  from the World Wide Web, this could be the only place where in i can  have <a href="http://www.blogskin.com/me/cherubicain">my</a> freedom to express myself, rant whenever i wanted to, post  non-sense shit, type asdfghjkl until i get tired like an idiot. I mean,  who the hell in the world, uhmm (except <a href="http://twitter.com/NurulAin1995">me</a>) would do that effin thing?  of course no one. EXCEPT <a href="http://cherubicain.tumblr.com/">ME</a>.Alright, you've got it. I really am an  idiot. okay? and you've got any problems with that? kiss my fist.  Actually i'm just <u>sixTEEN</u> and i don't act like what normal teen girls  do. I'm weird and i like crazy things. I like the smell of an old book, I  yawn and don't close my mouth even if i'm in a public place.. and i  blah blah, i blah too.. enough. bye byee! You may click links and contact to befriend with me.Thanks !
    </div>
    </div>
    </div>

    <div id="dropmsg2" class="dropcontent">
    <div class="coat">
    <div class="bg">
    <a class="title">Tagboard</a>
    <div class="date">leave your message here and i'll pay you a visit later</div><br>
    <!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="cherubicain" src="http://www5.shoutmix.com/?cherubicain" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?cherubicain">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
    </div>
    </div>
    </div>

    <div id="dropmsg3" class="dropcontent">
    <div class="coat">
    <div class="bg">
    <a class="title">Links & Contacts</a>
    <div class="date">the great escapes to a beautiful land</div><br>
    <img class="photo" src="http://i51.tinypic.com/2luq2yd.jpg">
    <center>
    <table width="501" align="center" cellspacing="0" cellpadding="5">
    <tr>
    <td width="180" valign="top" style="text-align:justify;"><br>
    <a class="links" href="http://nailyanisa.blogspot.com/">Friend</a> <a class="links" href="http://monologuenthetypewriter.blogspot.com/">Friend</a> <a class="links" href="http://k-fhatyah.blogspot.com/">Friend</a> <a class="links" href="http://arynarocha.blogspot.com/">Friend</a>
    <a class="links" href="http://sipurpleviolet.blogspot.com/">Friend</a> <a class="links" href="http://scrugethings.blogspot.com/">Friend</a> <a class="links" href="http://hakmiliksaya.blogspot.com/">Friend</a> <a class="links" href="http://ry-mielin.blogspot.com/">Friend</a>
    <a class="links" href="http://asmilethathidesapain.blogspot.com/">Friend</a> <a class="links" href="http://akbarofficial.blogspot.com">Friend</a> <a class="links" href="http://belog-cap-ayam.blogspot.com/">Friend</a> <a class="links" href="http://anisaifulfiradam.blogspot.com/">Friend</a>
    <a class="links" href="http://ouhiniceritahatisigadisputryy.blogspot.com/">Friend</a> <a class="links" href="http://storysayeawakmereka.blogspot.com/">Friend</a> <a class="links" href="http://ceritacerita-aida.blogspot.com/">Friend</a>
    </td>

    <td width="166" valign="top" style="border-right:1px solid #f1f1f1 text-align:justify;">

        <div id="blogCalendar"></div>
        <script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
        <script type="text/javascript">
        Calendar.base="sayonara-ai.blogspot.com";
        Calendar.timeZone="+08:00";
        Calendar.timeZoneCheck = true;
        Calendar.drawTable();
        </script>
        <style>
        </style>
    </td>

    <td width="150" valign="top" style="text-align:justify;">
    <center>
    <select style="border: 0px none; padding: 3px; background: #FAAFBE; font-family: trebuchet ms; font-size: 11px; color: #fff; width: 80%; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;" 
    onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank"> 
    <option selected="selected">My Pasts</option><BloggerPreviousItems> 
    <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option> 
    </BloggerPreviousItems> 
    </select><br>
    Facebook <a href="http://facebook.com/supercherubicain">nurul ain</a><br>
    Twitter <a href="http://twitter.com/NurulAin1995">nurul ain</a><br>
    Tumblr <a href="http://cherubicain.tumblr.com/">nurul ain</a><br>
    Blogskin <a href="http://www.blogskins.com/me/cherubicain">nurul ain</a><br>
    Layout (c) <a href="http://www.blogskins.com/me/sweetmsery">sweet.m!sery</a><br>
    Re-edited by <a href="http://www.blogskins.com/me/cherubicain">nurul ain</a><br>
    Icons from <a href="http://reviviscent.blogspot.com/">reviviscent</a><BR>
    Resources: <a href="http://www.colourlovers.com/pattern/1389/she_sells_seashells">sea</a> <a href="http://dynamicdrive.com/">shells</a><br>
    </center>
    </td>
    </tr></table>
    </center>
    </div>
    </div>
    </div>
    </form>
    </body>
    <script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script> 
    </html>
    <div id="dropmsg0" class="dropcontent">
    <div class="coat">
    <div class="bg">
    <Blogger>
    <a class="title" href="<$blogitempermalinkurl$>"><$BlogItemTitle$></a>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ★ <$BlogItemDateTime$> ณ <a class="comments" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>(<$BlogItemCommentCount$>) angels</a></BlogItemCommentsEnabled></div>
    <iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&amp;layout=button_count&amp;show-faces=false&amp;width=530&amp;height=10&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:20px"></iframe>
    <$BlogItemBody$><br>
    <center/><img src="http://www5e.biglobe.ne.jp/~cep/s/ruru/lh.gif" border="0" alt="Photobucket">
    </Blogger>
    <center><OlderPosts><a href=<$OlderPosts$>> OLDER POST</a> </OlderPosts> | <NewerPosts><a href=<$NewerPosts$>> NEWER POST</a> </NewerPosts></center>
    </div>
    </div>
    </div>





     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type='text/javascript' language='Javascript'>
    var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="http://www5e.biglobe.ne.jp/~cep/s/moji/apu.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
    if (!this.cssfixedsupport) //if control is positioned using JavaScript
    this.$control.css({opacity:0}) //hide control immediately after clicking it
    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
    dest=jQuery('#'+dest).offset().top
    else
    dest=0
    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
    var $window=jQuery(window)
    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
    this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (!this.cssfixedsupport)
    this.keepfixed()
    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
    if (this.state.shouldvisible && !this.state.isvisible){
    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
    this.state.isvisible=true
    }
    else if (this.state.shouldvisible==false && this.state.isvisible){
    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    this.state.isvisible=false
    }
    },
    init:function(){
    jQuery(document).ready(function($){
    var mainobj=scrolltotop
    var iebrws=document.all
    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
    .attr({title:'Scroll Back to Top'})
    .click(function(){mainobj.scrollup(); return false})
    .appendTo('body')
    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
    mainobj.togglecontrol()
    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
    mainobj.scrollup()
    return false
    })
    $(window).bind('scroll resize', function(e){
    mainobj.togglecontrol()
    })
    })
    }
    }
    scrolltotop.init()
    </script>

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน
    นิยายแฟร์ 2024

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

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

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

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

    ความคิดเห็น

    ×