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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #16 : COTTON ❤[iddream] Lolipop

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


    cotton





    <html>
    <head>
    <link href='http://fonts.googleapis.com/css?family=Share:400,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Macondo' rel='stylesheet' type='text/css'>
    <center><img class="yea" src="http://i.imgur.com/7RNTf.png" /></center>
    <title>//Lolipop.</title>

    </div>


    <style type="text/css">
    #navbar-iframe {
    display: none;
    }


    ::-webkit-scrollbar { width: 7px; height: 7px;}



    ::-webkit-scrollbar-track-piece  { background: #58D3F7;border: 3px solid white;}



    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background:#FF97BA; border: 1px solid white;}



    ::-webkit-scrollbar-button:start:decrement,



    ::-webkit-scrollbar-button:end:increment  {height: 50px;display:block;background:#FF97BA;border: 3px solid white;border-bottom:0px solid white;border-top:0px solid white;}

    <style type="text/css">
    #navbar-iframe {
    display: none;
    }


    body {
    background:url( http://i.imgur.com/ZigxH.png);
    background-attachment:fixed;
    font-family:  verdana ;
    font-size: 70px;
    text-align: left;
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    }


    .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;
    }
    ::-moz-selection {
    background:transparent;color:#000000;
    text-shadow: 2px 2px 3px #DBB1F0;
    }
    ::selection {
    background:transparent;color:#000000;
    text-shadow: 2px 2px 3px #DBB1F0;
    }

    a:link, a:visited {
    color:  #FAAFBE;
    text-decoration: none;
    }

    a:hover{
    text-decoration: none;
    border-bottom:1px dashed #FBBBB9;
    }

    a.dongho {
    padding:4px;
    color: #FFFFFF;
    font-size:11px;
    background: #A74AC7 ;
    -webkit-transition:0.5s;
    font-family: 'Macondo', cursive;
    }

    a.kevin {
    padding:4px;
    color: #FFFFFF;
    font-size:11px;
    background: #C45AEC;
    -webkit-transition:0.5s;
    font-family: 'Macondo', cursive;
    }

    .h4 { 
    background: #FFFFFF;
    text-align: center;
    border-top:4px solid #461B7E;
    border-bottom:4px solid  #F778A1;
    margin: 1.6em 0 .5em;
    padding: 4px;
    font-family: 'Share', cursive;
    font-size: 15px;
    }

    a.soohyun {
    padding:4px;
    color: #FFFFFF;
    font-size:11px;
    background: #A74AC7;
    -webkit-transition:0.5s;
    font-family: 'Macondo', cursive;
    }

    a.xander {
    padding:4px;
    color: #FFFFFF;
    font-size:11px;
    background: #C45AEC;
    -webkit-transition:0.5s;
    font-family: 'Macondo', cursive;
    }

    .post-title {
    background: #FFFFFF;
    text-align: center;
    border-top: 5px solid  #461B7E;
    border-bottom:4px solid #F778A1;
    margin: 1.6em 0 .5em;
    padding: 4px;
    font-family: 'Share', cursive;
    font-size: 15px;
    }


    .sec-title {
    color: #696969;
    font-style:italic;
    font-size:12px;
    margin-bottom:2em;
    }

    blockquote {
     margin: 1em 3em;
     color: #999;
     border-left: 15px solid #B93B8F;
     padding-left: 1em; }

    u {
    text-decoration:none;
    -moz-border-radius: 5px;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    background: #FAAFBA;
    border-radius: 3px;
    -webkit-transition-duration: 2s;
    color: #FFFFFF;
    }

    u:hover {
    -moz-opacity:0.80;
    opacity:.80;
    -webkit-transition:0.5s;
    transition:0.5s;
    filter:alpha(opacity =80);
    }
    </style>
    </head>
    <table style="font-size: 11px; color: #848484; line-height: 17px; background:white; border-radius:20px;" width="800" align="center" border="0" cellspacing="8">
    <tbody><tr>
    <td valign="top" style="width:500px; padding-left:5px; border-left:0px solid #f0f0f0; padding-right:13px; ">
    <div id="entry">
    <blogger><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="com"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment [s]</a></BlogItemCommentsEnabled></div></br>
    <$BlogItemBody$></br>
    </blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>

    <td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">

    <div class="h4">//Welcome.</div>
    <br>
    <center><img height="250" src="http://i.imgur.com/3pMyn.png" width="200"/></center><br>
    <center>Hello There:)</center>
    <br><center>Status:.Huduh?:P
    <br><br><center><object width="200" height="25"><param name="movie" value=" http://www.youtube.com/v/GXxbC0B_74s?fs&amp;autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src=" http://www.youtube.com/v/GXxbC0B_74s?fs&autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center>

    <div class="h4">//Navigation.</div>
    <br>
    <center>
    <a class="dongho" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="Storymory">//Post.</a> 
    <a class="kevin" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="About me">//Admin.</a> 
    <a class="soohyun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="Goodies">//You.</a> 
    <a class="xander" onClick="document.getElementById('entry').innerHTML=document.getElementById('credit').innerHTML" title="Credit roll!">//Credit.</a> 
    </center></br>
    <br>
    </div></center>

    <div class="h4">//Tagboard.</div>
    <br>
    <center>
    <center><br>Put cbox here~~


    </div></center></br>


    </td></tr></tbody></table>
    <br>
    <div id="about" style="display: none;">
    <div class="post-title">//The Boss.</div><br>
    <style>
    .shakeimage{
    position:relative
    }
    </style>
    <script language="JavaScript1.2">
    /*
    Shake image script (onMouseover)- 
    © Dynamic Drive (www.dynamicdrive.com)
    For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
    */

    //configure shake degree (where larger # equals greater shake)
    var rector=3

    ///////DONE EDITTING///////////
    var stopit=0 
    var a=1

    function init(which){
    stopit=0
    shake=which
    shake.style.left=0
    shake.style.top=0
    }

    function rattleimage(){
    if ((!document.all&&!document.getElementById)||stopit==1)
    return
    if (a==1){
    shake.style.top=parseInt(shake.style.top)+rector+"px"
    }
    else if (a==2){
    shake.style.left=parseInt(shake.style.left)+rector+"px"
    }
    else if (a==3){
    shake.style.top=parseInt(shake.style.top)-rector+"px"
    }
    else{
    shake.style.left=parseInt(shake.style.left)-rector+"px"
    }
    if (a<4)
    a++
    else
    a=1
    setTimeout("rattleimage()",50)
    }

    function stoprattle(which){
    stopit=1
    which.style.left=0
    which.style.top=0
    }
    </script>

    <img class="shakeimage" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="http://i.imgur.com/o35EJ.png" />




    <div style="text-align: center;">

    </div>

    <br><br>


    <br><u>Name</u>: Athira.
    <br><u>Long name</u>: Athiraaaaaaaaaaaaaaaaaaaaaaa.
    <br><u>Age</u>: -
    <br><u>Location</u>:&nbsp;<span style="font-family: Georgia, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px;">Look out you window.</span>
    <span style="font-family: Georgia, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px;">
    </span>

    <br><br><center><a href="http://www.facebook.com" style="font-family: Georgia, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px;">&nbsp;Facebook</a><span style="font-family: Georgia, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px;">&nbsp; </span><a href="http://www.blogskins.com/me/afinna" style="font-family: Georgia, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px;">Blogskin</a></center>
    </br>
    </br>
    </br></br></div>

    <div id="diary" style="display: none;">
    <blogger><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="com"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> heart[s]</a></BlogItemCommentsEnabled></div></br>
    <$BlogItemBody$></br>
    </blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>



    <div id="credit" style="display: none;">
    <div class="post-title">//Credit.</div><br>
    <a href="http://imgur.com/RmRP4"><img src="http://i.imgur.com/RmRP4.jpg" title="Hosted by imgur.com" alt="" /></a>

    <br><br><center>Basecode by : <a href="heart-grey.blogspot.com"/>Nur</a> + <a href="http://www.blogskins.com/me/dolce-zati"/>Izzati</a><br>
    <center>Re-edit by : <a href="http://sinikesana.blogspot.com/"/>Athira</a> + <a href="http://www.blogskins.com/me/athira_zaidi"/>Zaidi</a><br>
    Background by : <a href="http://thisisainnslife.blogspot.com/"/>Ain Nadhirah</a><br>



    <div id="stuff" style="display: none;">
    <div class="post-title">//Links.</div><br>
    <br>
    <center><img src="http://i.imgur.com/Z5Q4N.png"/></center>
    <br>

    <center>&nbsp;<a href="http://ribbonlicous.blogspot.com/">Alis</a>&nbsp;<a href="http://hilya-2000.blogspot.com/">Hilya</a> <a href="http://fatini-nur.blogspot.com/">Fatini</a> <a href="http://belogkitekiteaje.blogspot.com/">Aisyati</a> <a href="http://belogkitekiteaje.blogspot.com/">Rusyda</a>

    </div>
    </td>
    </div>
    </body>
    </html>

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

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

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

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

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

    ความคิดเห็น

    ×