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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    limited.Blogskins ID Dream

    ลำดับตอนที่ #35 : # 008//FISHPOND

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 247
      0
      31 ต.ค. 59

    Skin thumbnail
     *  ยังไม่ได้ใส่โค้ดล้างไอดีนะคะ  * 
     
    <HTML><head><title>FISHPOND.</title>
    <style type="text/css">
    #navbar-iframe {displaY: nonE;}
    body {background: #F0F7FF; font-family: trebuchet ms; font-size: 11px; letter-spacing: 1px; line-height: 160%; color: #555; text-align: justify;}
    a {text-decoration: none; color: #68B3AF; -webkit-transition: 0.5s;}
    a:hover {cursor: help; -webkit-transition: 0.5s; background: #68B3AF; color: white;}
    ::-moz-selection {background: #eee; color: #000;} ::selection {background: #eee; color: #000;}
    blockquote {border-left: 15px solid #D3E2B6; -webkit-transition: 0.5s; background: #fafafa; padding-left: 4px;}
    blockquote:hover {-webkit-transition: 0.5s; border-left: 15px solid #87BDB1;}
    .h1 {font-family: arial; font-size: 15px; letter-spacing: 2px; color: #8EC0BF; text-transform: uppercase; padding: 4px;}
    .h2 {font-family: tahoma; font-size: 10px; letter-spacing: 3px; color: #444; padding: 4px; text-transform: uppercase; border-bottom: 1px solid #eee; margin-bottom: 5px;}
    .mn {-webkit-box-shadow: 0px 8px 6px -5px #c3c3c3; -moz-box-shadow: 0px 8px 6px -5px #c3c3c3; box-shadow: 0px 8px 6px -5px #c3c3c3; background: #FFF; padding: 10px; width: 550px; 
    margin-bottom: 15px;}
    .sd{ background-color:#FFFFFF; position:relative; width:200px; height:297px; padding:10px 10px 5px 10px; -webkit-box-shadow: 0px 8px 6px -5px #c3c3c3; 
    -moz-box-shadow: 0px 8px 6px -5px #c3c3c3; box-shadow: 0px 8px 6px -5px #c3c3c3;}
    u {border-bottom: 1px dotted #87BDB1; text-decoration: none;}
    ::-webkit-scrollbar {background: #F0F7FF; width: 10px;}
    ::-webkit-scrollbar-thumb {background: #87BDB1; width: 10px;}
    .sdtx{text-align:justify; ; padding:8px 5px 0px 5px; position:relative;}
    .sdes {width:272px; left:80px; position:fixed; top:150px;}
    .mnen {position: absolute; left:390px; top:20px;}
    .blogger-labels {background: #f1f1f1; padding: 3px;}
    .usr{height:48px; width:48px; position:absolute; top:0px; right:0px; padding:2px; background-color:#AACCB1;}
    .usr img{width:48px;}
    .icon{text-align:center; opacity:0; width:48px; height:48px; position:absolute; ; top:2px;
    background-color:#fefefe; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
    .icon img{margin-top:12px; width:25px; height:auto;}
    .usr:hover .icon{opacity:0.6; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
    .sru{height:48px; width:48px; position:absolute; top:208px; right:0px; padding:2px; background-color:#AACCB1;}
    .sru img{width:48px;}
    .ican{text-align:center; opacity:0; width:48px; height:48px; position:absolute; ; top:2px;
    background-color:#fefefe; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
    .ican img{margin-top:12px; width:25px; height:auto;}
    .sru:hover .ican{opacity:0.6; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
    .links{position:absolute; right:0px; top:52px; ;}
    #upl, #link1, #link2, #link3{position:absolute; right:0px; height:14px; width:50px; padding: 19px 1px; 
    text-align:center; color:#ffffff; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; 
    transition: all 0.9s ease-in-out; -webkit-box-shadow: 0px 8px 6px -5px #c3c3c3; -moz-box-shadow: 0px 8px 6px -5px #c3c3c3; box-shadow: 0px 8px 6px -5px #c3c3c3;}
    #upl:hover, #link1:hover, #link2:hover, #link3:hover{padding-right:221px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; 
    -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
    #upl:hover  {color:#D3E2B6;}
    #link1:hover{color:#C3DBB4;}
    #link2:hover{color:#AACCB1;}
    #link3:hover{color:#87BDB1;}
    #upl  {background-color:#D3E2B6; top:0px;}
    #link1{background-color:#C3DBB4; top:52px;}
    #link2{background-color:#AACCB1; top:104px;}
    #link3{background-color:#87BDB1; top:156px;}
    .innerlinks {font-size:10px; opacity:0.8; width:0px; position:absolute; top:10px; right:0px; overflow-y:hidden; -webkit-transition: all 0.9s ease-in-out; 
    -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; overflow-x:hidden;}
    .innerlinks table {width:268px; table-layout:fixed;}
    .innerlinks a, .innerlinks a:visited{ padding: 3px 0px; display:block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; background-color:#fefefe;}
    .innerlinks a:hover, .innerlinks a:visited:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; border-bottom:0px; -webkit-box-shadow: 0px 0px 0px 0px #c3c3c3; -moz-box-shadow: 0px 0px 0px 0px #c3c3c3; box-shadow: 0px 0px 0px 0px #c3c3c3;}
    #upl .innerlinks a, #upl .innerlinks a:visited {color:#D3E2B6;}
    #upl:hover .innerlinks a:hover, #upl:hover .innerlinks a:visited:hover{background-color:#D3E2B6; color:#fefefe;}
    #link1 .innerlinks a, #link1 .innerlinks a:visited {color:#C3DBB4;}
    #link1:hover .innerlinks a:hover, #link1:hover .innerlinks a:visited:hover{background-color:#C3DBB4; color:#fefefe;}
    #link2 .innerlinks a, #link2 .innerlinks a:visited {color:#AACCB1;}
    #link2:hover .innerlinks a:hover, #link2:hover .innerlinks a:visited:hover{background-color:#AACCB1; color:#fefefe;}
    #link3 .innerlinks a, #link3 .innerlinks a:visited {color:#87BDB1;}
    #link3:hover .innerlinks a:hover, #link3:hover .innerlinks a:visited:hover{background-color:#87BDB1; color:#fefefe;}
    #upl:hover .innerlinks, #link1:hover .innerlinks, #link2:hover .innerlinks, #link3:hover .innerlinks {opacity:1; width:270px; 
    -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
     
    </style></head><body>
    <div style="position: fixed; margin-top: -60px; margin-left: -60px;">
    <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor9=F45540&up_fishColor3=000000&up_fishColor8=F45540&up_fishColor6=FC6E08&up_numFish=7&up_fishColor2=941200&up_fishColor5=0557FA&up_fishColor1=9100C2&up_backgroundImage=http://&up_backgroundColor=F0F7FF&up_fishColor7=025706&up_foodColor=FCB347&up_fishColor10=F45540&up_fishName=Fish&up_fishColor4=FF0000&" width="1300" height="750"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor9=F45540&up_fishColor3=000000&up_fishColor8=F45540&up_fishColor6=FC6E08&up_numFish=7&up_fishColor2=941200&up_fishColor5=0557FA&up_fishColor1=9100C2&up_backgroundImage=http://&up_backgroundColor=F0F7FF&up_fishColor7=025706&up_foodColor=FCB347&up_fishColor10=F45540&up_fishName=Fish&up_fishColor4=FF0000&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
    </div>
    <div class="sdes"><div class="sd">
    <span style="font-family: arial; font-size: 20px; letter-spacing: 1px; border-bottom: 3px solid #D3E2B6; color: #87BDB1; line-height:30px; display: block;">Fish Pond</span><br>
    <div class="sdtx">
    My name is Fish, your sixteen teenager from Indonesia. Well, I am the big fan of my Mum. I eat rice everyday because I'm Asian. I love animals especially cat because they're cute. 
    Your disclaimer/biodata goes here.
    </div></div>
    <a href="/"><div class="usr"><img src="http://i1070.photobucket.com/albums/u484/chocoletthaa/Icons/25.jpg">
    <div class="icon"><img src="http://static.tumblr.com/75z8peb/sJGlzcaju/home.png"title="HOME"></div></div></a>
     
    <div class="links">
    <div id="upl">nav
    <div class="innerlinks">
    <table style="font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
    <td><a href="http://YOUR-URL.BLOGSPOT.COM/">about me</a></td>
    <td><a href="http://YOUR-URL.BLOGSPOT.COM/">affies list</a></td>
    </tr></table></div></div>
     
    <div id="link1">cont
    <div class="innerlinks">
    <table style="font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
    <td><a href="http://www.cbox.ws">tagboard</a></td>
    <td><a href="http://www.twitter.com/#!/USERNAME">twitter</a></td>
    <td><a href="http://URL.tumblr.com/">tumblr</a></td>
    </tr></table>
    </div></div>
     
    <div id="link2">loves
    <div class="innerlinks">
    <table style="font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
    <td><a href="http://URL.com/">special</a></td>
    <td><a href="http://URL.com/">special</a></td>
    <td><a href="http://URL.com/">special</a></td>
    </tr></table>
    </div></div>
     
    <div id="link3">creds
    <div class="innerlinks">
    <table style="font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
    <td><a href="http://www.blogskins.com/me/chocolettha">theme</a></td>
    <td><a href="http://www.colourlovers.com/palette/475875/Gentle_Waves">colors</a></td>
    <td><a href="http://findicons.com/pack/2232/wireframe_mono/1">icon 1</a></td>
    <td><a href="http://letthapevensie.blogspot.com/">icon 2</a></td>
    </tr></table>
    </div></div>
     
    <a href="/"><div class="sru"><img src="http://i1070.photobucket.com/albums/u484/chocoletthaa/Icons/24.jpg">
    <div class="ican"><img src="http://png-4.findicons.com/files//icons/2232/wireframe_mono/48/sq_plus.png"title="+FOLLOW"></div></div></a>
    </div></div></div>
     
    <div class="mnen">
    <blogger><div class="mn">
    <div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> letters</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></div>
    </blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center><br>
    </div>
     
    <Script Language='Javascript'>
    <!-- IMPORTANT SCRIPT! DO NOT EDIT OR REMOVE! -->
    <!--
    );
    //-->
    </Script>
    </body></HTML>
    &QUAINT 07.
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×