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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #4 : COTTON ❤[iddream] Beautiful life

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


    cotton



    <hml><head>
    <div style='position: static; top:0px; right: 0px; width:20%; position:fixed; padding:3px;border-radius:8px; background:#F8D2DA;  color:#fffffF; font-size:13px;text-align:left;'><center><a href="http://www.blogger.com/follow-blog.g?blogID=4518748377497068271">+Follow</a>    <br><a href="http://www.blogger.com/home">Dashboard</a></center></div>

    <title>Beautiful Life</title>

    <style type="text/css">
    #navbar-iframe {display: none;}
    ::-moz-selection {background-color:#555;color:#fff}
    a:link, a:visited {
    color:#d397c0;
    text-decoration:none;
    }

    a:hover{
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth585.cur), progress;
    text-decoration: none;
    color:#FFFFFF;
    background: #FAAFBE;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    }

    ::-webkit-scrollbar {
    height: 12px;
    width: 9px;
    background-color: #ffffff;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #DEADBD;
    }
    ::-webkit-scrollbar-thumb:hover {
    background-color: #DD627B;
    }


    ::-moz-selection {
    background:#FFFFFF;
    color:#000000;
    text-shadow: 2px 2px 3px #FB6265;
    }
    ::selection {
    background:#FFFFFF;
    color:#000000;
    text-shadow: 2px 2px 3px #FB6265;
    }


    blockquote{
     padding: 5px;
     border-left: 5px solid #F76384;
     border-right: 2px dashed #F76384;
     background-color: #e5e1e3;
     color: #9a9a9a;}


    body {background: #feffff url('http://i1110.photobucket.com/albums/h448/izati909/17.gif') fixed center left; font-family: trebuchet ms; font-size: 12px;
    }}

    u {
    text-decoration: none;
    border-radius: 4px;
    padding: 3px;
    -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
    }
    u:hover {
    background: #EF88B6;
    color: #FFFFFF;
    -webkit-transition: 1s;
    -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
    }
    b {
    color: #F35198;
    }
    i {
    color: #FF92C5;
    }


    img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
    img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
    -webkit-transition:1s;}
    header:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
    img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;
    -webkit-transition:1s;}

    .header:hover{
    padding-left: 30px;
    -webkit-transition-duration: 0.1s; } 



    #pages{
    position: absolute;
    top: 100px;
    left:30px;
    width: 670px;
    background-color: #ffffff;
     border:3px solid #FAAFBE;
    padding: 0 10px 0 10px;
    -moz-border-radius: 20px 20px 20px; -webkit-border-radius: 20px 20px 20px; padding: 10px 10px 10px 10px;
    }

    .lala
    {background-color:#ffffff; padding: 10px; top: 100px; left: 750px; position: absolute;
     width: 200px; border:4px solid #FAAFBE;-moz-border-radius: 20px 20px 20px; -webkit-border-radius: 20px 20px 20px; padding: 10px 10px 10px 10px;
    }


    .navy {
    position: absolute;
    top: 80px;
    left: 150px;
    }
    .navii {
    background: white;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #F5A9D0;
     border:2px solid #FAAFBE;
    font-family: trebuchet ms;
    font-size: 13px;
    padding: 3px;
    -webkit-transition:.4s;
    }
    a.navii:hover {
    border-top-left-radius:3px;
    -webkit-transition:.3s;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
    color: #ffffff;
    background: #FAAFBE;
    }

    .f1 {font:normal 10pt Century gothic; color:#FF007B; bold;text-transform:lowercase; text-align: right;}

    .f2 {font: normal 9pt arial;  letter-spacing: 2px; text-transform: uppercase; background:url('http://4.bp.blogspot.com/-33yxvPzaRrs/TnmyA5MvxrI/AAAAAAAABiQ/kshKEJvEGYo/s1600/bihastripe2.png');
    margin-bottom:2px;
    font-style:bold;
    text-align:left;
    color: #7E7E7E;;
    padding:5px;
    border-top: 2px solid #F5A9D0;
    border-left: 9px solid #F5A9D0;
    border-right: 9px solid #F5A9D0;
    border-bottom: 2px dashed #F5A9D0;
    width:640px;
    }

    .f3{font: normal 9pt arial;background:url('http://1.bp.blogspot.com/-t4eMLYW6Kgg/TkPM3Mi1M9I/AAAAAAAABLY/qi9eQ84NdAo/s1600/pinkhorizontal.png');
    margin-bottom:2px;
    font-style:bold;
    text-align:left;
    color:#000000;
    padding:5px;
    border-top:1px dashed #FAAFBE;
    border-bottom:1px dashed #FAAFBE;
    border-left:7px solid #FAAFBE;
    border-right:7px solid #FAAFBE;
    width:180px;
    }

    .f4{font-family: verdana, tahoma, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    color: #878787;
    background-color: #ffa0cb;
    padding: 5px;
    text-decoration: none;
    display: block;
    margin-top: 1px;
    border-left: 20px solid #FFA0CB;
    -webkit-transition: 1s;




    </style></head><body>




    <div class="navy">
    <center>
    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('entries').innerHTML">Diary</a>
    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('profile').innerHTML">Profile</a>
    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('links').innerHTML">Friends</a>
    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('chat').innerHTML">Chatting</a>
    </center></div>


    <div class="lala">
    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lrnhs2RkO61qlwf6ao1_500_large.jpg"width="200"/></center>
    <center> how beautiful is your life ?</center>
    <div class="f3"><center>Credits..</center></div>
    Template by : <a href="http://ikutsukahati.blogspot.com/" target="_blank">Nurul</a><a href="http://www.blogskins.com/me/miss_tree" target="_blank"> lzzati</a><br>
    Image by : <a href="http://weheartit.com/" target="_blank">we❤it</a><br>
    Background : <a href=http://nabiyha-lovalife.blogspot.com/" target="_blank">nabiyha</a> / <a href=http://www.cherrybam.com/" target="_blank">cherrybam</a>
    <br><br>

    <select style="width:200px;background-color:#FFB6B6; font:8pt trebuchet ms;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;">
    <option value="/">Sweet Memories</option>
    <BloggerArchives>
    <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
    </BloggerArchives>
    </select><br><br>
    </div> 
    </div>

    <div id="pages">
    <center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/anigif4-1.gif"></div></center>
    <blogger>

    <div class="f1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
    <div class="f2"><center><$BlogItemTitle$> @ <$BlogItemDateTime$></center></div>

    <BlogItemCommentsEnabled><a class="TALKY-TALKY" href="https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH YOUR BLOG ID HERE)&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH YOUR BLOG ID HERE)&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> talkative person(s)</a></BlogItemCommentsEnabled>
    <br><$BlogItemBody$><br>
    <center><OlderPosts><a href=<$OlderPosts$>>❤ older posts</a> /</OlderPosts>  <NewerPosts>/ <a href=<$NewerPosts$>>newer posts ❤</a></NewerPosts></center>
    </blogger>

    </div>
    <div id="entries" style="display:none">
    <center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/anigif4-1.gif"></div></center>
    <blogger>
    <div class="f1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
    <div class="f2"><center><$BlogItemTitle$> @ <$BlogItemDateTime$></center></div>
    <BlogItemCommentsEnabled><a class="Bercakap-cakap" href="https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> talkative person(s)</a></BlogItemCommentsEnabled>
    <$BlogItemBody$><br>
    <center><OlderPosts><a href=<$OlderPosts$>>❤ older posts</a> /</OlderPosts>  <NewerPosts>/ <a href=<$NewerPosts$>>newer posts ❤</a></NewerPosts></center>

    </blogger>
    </div>


    <div id="profile" style="display:none">
    <center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/anigif4-1.gif"></div></center>
    <div class="f1">I LOVE ME</div>
    <div class="f2"><center>Simply About Me</center></div><br><center>
    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lekdareBSL1qaib11o1_500_large.jpg"width="400"/>
    <br/>❤Hello i am _____
    <br/>i like blogging and music..
    <br><big>"'DO YOU THINK U ARE PERFECT ? THINK AGAIN. ."</big><br>
    replace it with your own profile.
    <div align="center"> <a class="link" href="Ur tutorial link" target="_blank">Tutorial</a> / <a class="link" href="Ur freebies link" target="_blank">Freebies</a> 
    <br></center>

    <div id="chat" style="display:none">
    <center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/anigif4-1.gif"></div></center>
    <div class="f1">Speak zone!</div>
    <div class="f2"><center>Think before u speak</div><br>
    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lmz1e0Cw5w1qcdjp0o1_500_large.png"height="205"/></center>
    <br><center> #ur shotmix code here !
    </div><br>

    </div>

    <div id="links" style="display:none">
    <center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/anigif4-1.gif"></div></center>
    <div class="f1">Besties !</div>
    <div class="f2"><center>Linkies</center></div><br>
    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lmay9yZFaH1qhaej0o1_500_thumb.png"height="205"/></center>
    <br><center>
    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>
    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>
    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>
    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>
    <br>
    #replace it with ur friend's name n link. .
    </center>

    <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://i1110.photobucket.com/albums/h448/izati909/t0p4.png"/>', //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:'Fly High in Original Sincerity'})
    .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>



    </div></body>
    <script> function changeNavigation(id)
    {document.getElementById('pages')
    .innerHTML=document.getElementById(id).innerHTML}


    </script></html>

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

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

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

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

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

    ความคิดเห็น

    ×