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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #9 : COTTON ❤[iddream] Beyond words

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


    cotton




    <html>

    <!--you are looking at DancingSheep codes. please credit if you use them. thank you.-->

    <head>
     <title>%BEYOND WORDS</title>

    <style type="text/css">

    a:link, a:visited, a:active {
    color: #8ec2b7;
    cursor: default;
    text-decoration:none;
    }

    a:hover {
    color: #4b5209;
    cursor: crosshair;
    text-decoration:none;
    background-color:#e4eba7;
    }


    body {
     background-color: #fefefe;
     background-image: url('http://i314.photobucket.com/albums/ll434/dancing_sheep/bg.png');
     background-repeat: repeat;
     cursor: default;
     font-family: tahoma;
     font-size: 8pt;
     color: #3f3f3f;
     text-align:justify;

     scrollbar-arrow-color: #937a66;
     scrollbar-track-color: #fcfcfb;
     scrollbar-face-color: #fafaf9;
     scrollbar-darkshadow-color: #fcfcfb;
     scrollbar-shadow-color: #fcfcfb;
     scrollbar-3dlight-color: #fcfcfb;
     scrollbar-highlight-color: #fcfcfb;

    }

    .h1 {
     
     font-family: Century gothic;
     font-size: 20px;
     line-height: 19px;
     color: #dca83b;
     letter-spacing: -1pt;
     font-weight:none;
     text-align:left;
     
    }

    .h2 {

     font-family: Arial;
     font-size: 15px;
     line-height: 14px;
     color: #b9c767;
     letter-spacing: -1pt;
     text-align: left;

    }

    .entries {

     padding: 5px;

    }

    blockquote {

     border: 1px dotted #b5dcd6;
     padding: 5px;
    }


    b {

     color: #fceef2;
     background-color: #eb7b9a;
    }

    u {

     font-color: #4b5209;
     border-bottom: 2px solid #e7f05a;
    }

    .preloadpic {

     display: none;
    }

    #navbar-iframe {   
     
     display: none; 
    }
     
    </style>
    </head>
    <body>
    <div style="position: absolute; top:0px; left:0px; background-color:transparent;">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/beyondwords.png">

    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/profilehover.png" class="preloadpic">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/bloghover.png" class="preloadpic">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/taghover.png" class="preloadpic">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/linkshover.png" class="preloadpic">

    </div>

    <div style="position: absolute; top:155px; left: 166px; ;
           
    <span style="cursor:crosshair;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('profile').innerHTML"
    onmouseover="document.images['s1a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/profilehover.png' " 
    onmouseout="document.images['s1a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/profile.png'">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/profile.png" name="s1a" alt="" border="0">
    </span>
    </div>

    <div style="position: absolute; top:188px; left: 696px; px; "> 
    <span style="cursor:crosshair;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('blog').innerHTML"
    onmouseover="document.images['s2a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/bloghover.png' " 
    onmouseout="document.images['s2a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/blog.png'">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/blog.png" name="s2a" alt="" border="0">
    </span>
    </div>

    <div style="position: absolute; top:386px; left: 208px; ;

    <span style="cursor:crosshair;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('tagboard').innerHTML"
    onmouseover="document.images['s3a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/taghover.png' " 
    onmouseout="document.images['s3a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/tag.png'">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/tag.png" name="s3a" alt="" border="0">
    </span>
    </div>

    <div style="position: absolute; top:48px; left: 562px; ;

    <span style="cursor:crosshair;" onClick="document.getElementById ('welcome').innerHTML=document.getElementById ('links').innerHTML"
    onmouseover="document.images['s4a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/linkshover.png' " 
    onmouseout="document.images['s4a'].src='http://i314.photobucket.com/albums/ll434/dancing_sheep/links.png'">
    <img src="http://i314.photobucket.com/albums/ll434/dancing_sheep/links.png" name="s4a" alt="" border="0">
    </span>
    </div>  


    <div id="welcome" style="position:absolute; top: 160px; left:375px; px; height:365px; overflow-y: 

    auto;overflow-x: hidden; background-color:transparent;">

    <div class="h1">welcome.</div><br>

    please wait for the images to load.<br>
    hover around to find the navs.<br>
    buttons on the left - tag<br>
    ribbon - profile<br>
    paper clips - links<br>
    pens - blog<br>
    cheers.

    <br>
    <br>
    </div>

    <div id="profile" style="display:none">

    <div class="h1">three cheers for me.</div><br>

    she is the one and only <b>kai lin</b>. kai lin sometimes also goes by the name <u>DancingSheep</u>.
    kai lin is 14 in the year 2008 but will be 15 at 0000 25062008. kai lin is currently studying in nanyang girls' high 

    school.

    <br>
    <br>

    </div>


    <div id="blog" style="display:none">
    <Blogger>

     <div class="h2"><$BlogItemDateTime$></div>
     <div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
     <br>
    <div class="entries">
     <$BlogItemBody$>
    </div>
     <br>
     <br>
    </Blogger>
    <br>

    </div>
     
    <div id="tagboard" style="display:none">
    <div class="h1">tagboard.</div><br>
    <div align="center">
    tagboard goes<br>
    here<br>
    </div>

    <br>
    <br>
    </div>

    <div id="links" style="display:none">
    <div class="h1">links.</div><br>

    <a href="http://www.blogger.com">link</a><br>
    <a href="http://www.blogger.com">link</a><br>
    <a href="http://www.blogger.com">link</a><br>
    <a href="http://www.blogger.com">link</a><br>
    <a href="http://www.blogger.com">link</a><br>

    <br>


    <div class="h1">archives.</div><br>

     <BloggerArchives>
     <a href='<$BlogArchiveLink$>'><$BlogArchiveName$></a><br>
     </BloggerArchives>
    <br>


    <div class="h1">credits.</div><br>

    Designer   <a href="http://www.blogskins.com/me/dancingsheep/">Dancing</a><a href="http://www.falling-from-

    below.blogspot.com">Sheep</a>
    <br>
    Resources   <a href="http://shabbyprincess.com/">x</a> 
      <a href="http://dafont.com/">x</a> 
      <a href="http://www.howtocreate.co.uk/tutorials/jsexamples/testingRoll.html">x</a>

    <br>
    <br>
    </div>

    <div style="position: absolute; top:415px; left:705px; width:220px; height:120px; overflow-x:hidden; overflow-y: hidden; 

    background-color:transparent;">

    anything you want to put here. updates, notices, disclaimers. 
    it's really up to you. a short message, a favourite quote, or a special shoutout. something like...<br>
    <br>

    <div align="center"><b><font-size="25px">SEVERUS SNAPE ROCKS!</font></b></div>
    <br>

    get the idea? have fun!<br>

    <div align="right"> DancingSheep</div>

    </div>

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

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

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

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

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

    ความคิดเห็น

    ×