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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #5 : COTTON ❤[iddream] Royal grey

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


    cotton


    <!---------This template was successfully made with hard work by Ayien--------!>
    <!----------Please do not remove the credits. I really appreciate your kind deed:)----------!>
    <html>
    </script>
    <div style="text-align: center;">
    <div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=8716157115073617849" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-AhqS9LPGKXA/TlprjoDuhDI/AAAAAAAABrY/QkIZ8m7tuyE/s1600/zfollowblack.png" /></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://4.bp.blogspot.com/-7-QKrkbkJ3I/TlprhUdRgQI/AAAAAAAABrE/OSgicnK7aXw/s1600/zdashboardblack.png" /></a></div></div><center><br><br><img border="0" src="http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/domo2.png" /><br></center>
    <title> Royal Black </title><link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic003demoji_15385725decoojp.gif" /> 
    <style type="text/css">
    #navbar-iframe {
    display: none;
    }
    body {
    background:url(http://www.thebrideguide.ca/white-grey-background.jpg);
    background-attachment:fixed;
    cursor: url(http://cur.cursors-4u.net/symbols/images6/sym597.png), progress;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    }
    .awesome {
    text-align: center;
    margin-top: 200px;
    -webkit-transition:1s;
    }
    .awesome:hover {
    opacity:0.8;
    -webkit-transition:1s;
    padding-left:50px;
    }
        ::-moz-selection {
        background:#FFFFFF;
        color:#3B170B;
        }
        ::selection {
        background:#FFFFFF;
        color:#3B170B;
        }
    a:link, a:visited {
    color: #FF708F;
    text-decoration: none;
    cursor: url(http://cur.cursors-4u.net/symbols/images6/sym597.png), progress;
    }
    a:hover{
    color: #ffffff;
    background:#F781F3;
    text-decoration:none;
    border: #ffffff 2px dashed;
    padding:3px 5px;
    -moz-border-radius:10px;
    }
    img:hover {
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:.80;
    }
    a.iloveyou {
    cursor: url(http://cur.cursors-4u.net/symbols/images6/sym597.png), progress;
    padding:4px;
    color:#ffffff;
    font-size:11px;
    background: #949494;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition:0.5s;
    }
    a.iloveyou:hover {
    background : #F0C4F0;
    -webkit-transition-duration: 0.5s;
    color: #9bd6c6;
    border-left: 3px solid #EA8DFE;
    border-right: 3px solid #EA8DFE;
    border-top: 3px solid #EA8DFE;
    border-bottom: 3px solid #EA8DFE;
    }
    a.perfectrose {
    cursor: url(http://cur.cursors-4u.net/symbols/images6/sym597.png), progress;
    background: url( http://www.zingerbugimages.com/backgrounds/mini_white_snowflakes_on_light_purple.jpg);
    padding: 2px;
    letter-spacing: 2px;
    display: inline-block;
    width: 180px;
    color: #000000;
    -webkit-transition-duration: 0.5s;
    font-family: century gothic;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    }
    a.perfectrose:hover {
    border-left: 5px solid #EA8DFE;
    border-right: 5px solid #EA8DFE;
    border-top: 5px solid #EA8DFE;
    border-bottom: 5px solid #EA8DFE;
    }
    .magical {
        margin: .75em 0;
        font: normal normal 120% Verdana, Geneva, sans-serif;
        color: #000000;
        text-align: center;
        text-shadow: 2px 2px 3px #747170;
        background-image:url(http://t1.gstatic.com/images?q=tbn:ANd9GcRVbEklZNaaR8GkTSnOQu0znbNwst1tJswSo7jATrtAzPeHeA6wzl7easU0);
        border-top: 1px solid #747170;
        border-bottom: 1px solid #747170;
        border-right: 8px solid #747170;
        border-left: 8px solid #ECCEF5#747170;
        padding: 2px;
        }
    .rosemary {
    font-family: century gothic;
    font-size:12px;
    line-height:20px;
    color: #c0c0c0;
    text-align: center;
    }
    blockquote { 
    background:url(http://1.bp.blogspot.com/-AkIJUU1i5mk/TfMz2htoZWI/AAAAAAAAA6A/izvQgS23vw0/s320/vintagebackground+%25281%2529.png); padding:10px;
    Border:2px dashed #736F6E;
    border-left :2px dashed #736F6E;
    border-right :2px dashed #736F6E;
    border-bottom :2px dashed #736F6E;
    -webkit-border-radius: 2px;
    colour:#FFFFFF
    }
    blockquote:hover {
    background: ur(http://1.bp.blogspot.com/-AkIJUU1i5mk/TfMz2htoZWI/AAAAAAAAA6A/izvQgS23vw0/s320/vintagebackground+%25281%2529.png) ;
    border:2px solid #736F6E;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    }
    u {
    text-decoration:none;
    border-bottom: 5px double #EA8DFE;
    }
    b {
    text-decoration:none;
    color: #747170;
    }
    big {
    text-decoration:none;
    color: #D358F7;
    font-family: century gothic;
    font-size:20px;
    }
    ::-webkit-scrollbar {
        height:12px;
        width: 12px;
        background: #ffffff;
        }
        ::-webkit-scrollbar-thumb {
        background-color: #6E6A6B;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ffffff;
        } 


    </style>
    <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, 500]},
    controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src=" http://i942.photobucket.com/albums/ad270/Izyan_Domocun/1-2.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:'Up Up and Awayyy~'})
    .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>
    <link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
    <!-- --><style type="text/css"> url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
    div.b-mobile {display:none;}
    </style>
    </head>
    <table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
    <tbody><tr>
    <td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">

    <img src="http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/black-disclaimer.png"/>
    <center><img src="http://3.bp.blogspot.com/-VIe-0WCfKzA/Tg3miE-zu3I/AAAAAAAABEE/1ryBIdWFB-c/s1600/tumblr_ll30cu6zQO1qcxieko1_500_large.jpg" width="200" height="150"/></center>

    <center>Say something here.
    <br/>*replace this with your text * <br>

    <img src="http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/black-chitchat.png"/>
    <center><div id="edited" style="width:250px; height:250px; background:url( http://4.bp.blogspot.com/-g7bLqjq4YX4/Tn64VYV1jaI/AAAAAAAABqM/uou4a83lWfY/s1600/greyshoutbox.png) no-repeat left top; padding-top:65px; padding-left:0px; position:relative" align="center">
    Tagboard code here</div></center>

    <img src="http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/black-oldstory.png"/>
    <center><form name="jump" id="jump">
    <select name="menu" onchange="location=document.jump.menu.options
    [document.jump.menu.selectedIndex].value;" value="GO" style="font-size: 8pt; background: #FFFFFF; color: #666666; font-family: arial;">
    <option selected="selected">Love Story</option>
    <BloggerArchives><option value="<$BlogArchiveLink$>"><$BlogArchiveName$></option><br>
    </BloggerArchives></select></form></center><br><br>
    <img src="http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/black-credits.png"/>

    <!-----------------PLEASEEEE DO NOT REMOVE CREDITS-----------------!>

    <br>Skin by <a href="http://justayien.blogspot.com/">Ayien </a>
    <br>Cute favicon by<a href="http://babydoll.nu/">Babydoll</a>
    <br>Blog owner: ______
    </div>


    <td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
    <div id="entry">
    <blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
    <$BlogItemBody$></br>
    </blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
    </td></tr></tbody>
    </table>
    </div>
    </body>
    </html>

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

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

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

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

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

    ความคิดเห็น

    ×