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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Toffee Code Id Dream [CLOSE]

    ลำดับตอนที่ #7 : Cute Twin

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 506
      0
      12 เม.ย. 55

    S 'Lurpee
    Cute Twin

    Skin thumbnail 


    <html>
    <head>
    <a style="display:scroll;position:fixed;top:5px;right:95px;" href="http://www.blogger.com/follow-blog.g?blogID=8833953682957165361" title="Follow Me"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:5px;right:10px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>
    <link href='http://www.drikoti.net/Goodies/Favicons/Gifs/novo03.png' rel='shortcut icon' type='image/gif'/>
    <script type='text/javascript'>
        document.ondragstart = function () { return false; }; </script>
    <title>Cutie Twin</title>
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {
    background:url(http://3.bp.blogspot.com/-BZV0W3q2eEQ/Tk_ixEcyUVI/AAAAAAAABfc/qn-R-8edVlw/s1600/greystripes.png);
    font-family: verdana, tahoma, sans-serif;
    background-attachment:fixed;
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
    }
    ::-moz-selection {
    background:#FFFFFF;
    text-shadow: 2px 2px 4px #AEE0FF;
    }
    ::selection {
    background:#FFFFFF;
    text-shadow: 2px 2px 4px #AEE0FF;
    }
    a:link, a:visited {
    color:#AEE0FF;
    text-decoration:none;
    -webkit-transition-duration: 3s;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
    }
    a:hover {
    color: #FFCCE8;
    -webkit-transition-duration: 3s;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
    }
    .content {
    background:#ffffff;
    color:#666666;
    font-size: 11px;
    padding:14px;
    width:600px;
    border-radius:10px;
    text-align:justify;
    }
    .bar {
    background: #ffffff;
    color: #666666;
    font-size: 11px;
    padding: 8px;
    width: 230px;
    border-radius: 10px;
    text-align: justify;
    }
    .main-title {
    color:#AEE0FF;
    font-size:14px;
    padding:3px;
    border-bottom:1px dashed #999999;
    text-align: right;
    }
    .main-title:hover {
    padding:3px;
    color:#FFCCE8;
    -webkit-transition-duration: 3s;
    }
    .sec-title {
    color: #696969;
    font-style:italic;
    font-size:10px;
    margin-bottom:2em;
    }
    .hallo {
    text-align:center;
    margin-top: 250px;
    }
     ::-webkit-scrollbar {
    height:10px;
    width: 10px;
    background: #FFFFFF;
    }
    ::-webkit-scrollbar-thumb {
    background: #AEE0FF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    ::-webkit-scrollbar:hover {
    background: #FFFFFF;
    }
    ::-webkit-scrollbar-thumb:hover {
    filter:alpha(opacity= 70);
    -moz-opacity:0.70;
    opacity:0.70;
    background: #FFCCE8;
    }
    a.cute {
    background: #ffffff;
    padding: 2px;
    letter-spacing: 2px;
    display: inline-block;
    width: 60px;
    color: #AEE0FF;
    border: 2px #AEE0FF solid;
    border-radius:10px
    -webkit-transition-duration: 2s;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    }
    a.cute:hover {
    border: 2px #FFCCE8 solid;
    background : #ffffff;
    color: #FFCCE8;
    -webkit-transition-duration: 2s;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    }
    b {
    color: #AEE0FF;
    -webkit-transition-duration: 3s;
    }
    b:hover {
    color: #FFCCE8;
    -webkit-transition-duration: 3s;
    }
    u {
    -webkit-transition-duration: 3s;
    text-decoration:none;
    border-bottom: 2px solid #AEE0FF;
    color: #555555;
    padding: 0.1px;
    }
    u:hover {
    color: #FFCCE8;
    -webkit-transition-duration: 3s;
    }
    blockquote {
    background : url(http://3.bp.blogspot.com/-QfX8FnF9P2U/TjqKsDGceHI/AAAAAAAABX0/C7iAxZnXC6M/s1600/backgroundbody+%25281%2529.gif);
    -webkit-transition-duration: 3s;
    padding: 12px;
    margin: 2px 2px;
    color: #999999;
    border:2px solid #AEE0FF;
    border-radius:5px
    }
    blockquote:hover {
    color: #000000;
    -webkit-transition: 3s;
    border:2px solid #F6BAD1;
    border-radius:13px
    }
    .border{padding:3px;border:1px solid #AEE0FF;-webkit-transition: 3s;}
    .border:hover{padding:3px;border:1px solid #F6BAD1;-webkit-transition: 3s;}
    </style>
    <body oncontextmenu='return false;'><br>
    <script language="javascript" type="text/javascript">
    /* toggle() checks to see if the images has already been faded
    or not and sends the appropriate variables to opacity(); */
    function toggle(el,milli) {
    // Get the opacity style parameter from the image
    var currOpacity = document.getElementById(el).style.opacity;
    if(currOpacity != 0) { // if not faded
    fade(el, milli, 100, 0);
    } else { // else the images is already faded
    fade(el, milli, 0, 100);
    }
    }
    /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function. This
    function can also be used to directly change the opacity
    of an element. */
    function changeOpacity(el,opacity) {
    var image = document.getElementById(el);
    // For Mozilla
    image.style.MozOpacity = (opacity / 100);
    // For IE
    image.style.filter = "alpha(opacity=" + opacity + ")";
    // For others
    image.style.opacity = (opacity / 100);
    }
    /* fade() will fade the image in or out based on the starting
    and ending opacity settings. The speed of the fade is
    determined by the variable milli (total time of the fade
    in milliseconds)*/
    function fade(el,milli,start,end) {
    var fadeTime = Math.round(milli/100);
    var i = 0; // Fade Timer
    // Fade in
    if(start < end) {
    for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
    }
    }
    // Fade out
    else if(start > end) {
    for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
    }
    }
    }
    </script>
    <div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
    <img src="http://3.bp.blogspot.com/-sM5I2A6Hqos/Tx71ZEjGKuI/AAAAAAAAAEk/xAArZf10Z5g/s1600/clickit.png"
    style="opacity:0.4;filter:alpha(opacity=40)"
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
    </div>
    <div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
    <div id="june" style="display : none;">
    <div class="header"><center><img src="http://3.bp.blogspot.com/-v4JAn26TXNs/Tx6kjwcnV9I/AAAAAAAAAEc/HKhxAfuaz14/s1600/twinns.png"></center></div>
    <table style="line-height: 17px;" width="700"  border="0" align="center" cellspacing="0">
    <tbody><tr>
    <td valign="top" style="width:600px; padding:10px; background:#ffffff; font-size:11px;">
    <div id="content">
    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Cutie Twin</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
    </div>
    </td>
    <div style='display:block; position:absolute; top:223px; left:715px;'><center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="">Me</a>
    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="">Site</a>
    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('tuto').innerHTML" title="">You</a>
    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="">Post</a>
    </div>
    <div id="me" style="display:none;">
    <div class="main-title">The Cutie One</div><br>
    <img src="http://4.bp.blogspot.com/-Fg0qDyhJa4w/TyAdATWNN3I/AAAAAAAAAE0/UpeQkZbdFxE/s1600/Girly6.jpg"class="border"> Hello guys! I'm Nurin Asyada, this template designer or template owner. I really appreciate who like to using this skin but there's a 
    copycat who remove the credits & admit this skin is made by him or she?? Sorry I'm not really good in English.. xD I Know there's a lot of wrong grammar i'm using :P 
    Please don't remove the credit or the a vampire will come to your bed on midnight to kill you..hhaha.. just joke :) If really happen, i don't know~ 
    thinks before do it babe! You Can Contact Me On : <a href="http://www.facebook.com/profile.php?id=100001740018075"target="_blank">Facebook</a> | <a href="http://nurin-asyada.tumblr.com/"target="_blank">Tumblr</a> | <a href="http://www.blogskins.com/me/cherry_vanilla"target="_blank">Blogskin</a> | <a href="http://www.myspace.com/566198669"target="_blank">My Space</a><br><br>
    </div>
    <div id="tuto" style="display:none;">
    <div class="main-title">Extra Slot</div><br>
    <img src="http://2.bp.blogspot.com/-V33mrpa2-fk/TyAfGsQKWeI/AAAAAAAAAE8/s3sV_t0Ra30/s1600/macaroon2.jpg"class="border"> Replace this slot with your own misclleanous stuff, bias photo or another else??
    </div>
    <div id="love" style="display:none;">
    <div class="main-title">Credits</div><br>
    - Template Made By : <a href="http://1231998nurinasyada.blogspot.com/">Nurin</a> <a href="http://www.blogskins.com/me/cherry_vanilla">Asyada</a><br>
    - The BG Taken From : <a href="http://aqupunyekesahbukankau.blogspot.com/">KC</a><br>
    - Little Help From : <a href="http://hajaaminho.blogspot.com/">Jaja</a><br>
    - The Icon Was Taken From : <a href="http://1231998nurinasyada.blogspot.com/">L O V E</a><br>
    - Other Resources From : <a href="http://drikoti.net/"/>①</a> <a href="http://www.cursors-4u.com/"/>②</a> <a href="http://littlemisspaintbrush.tumblr.com/">③</a> <a href="http://www.dafont.com/"/>④</a><br>
    <div class="main-title">The Twinie Twin</div><br>
    <img src="http://4.bp.blogspot.com/-JDUXOLjnE08/TyAf7bLyNQI/AAAAAAAAAFE/RnGTjh6rkmE/s1600/Gadget14.jpg"class="border"> <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a> | <a href="blogger.com"/>Buddyz</a>
    </div>
    <div id="you" style="display:none;">
    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Cutie Twin</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
    </table></body></head></html>


     



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

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

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

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

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

    ความคิดเห็น

    ×