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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    VIVAPỢLØ✿ID.Dream!

    ลำดับตอนที่ #10 : (ฺB) ; Octopie

    • อัปเดตล่าสุด 10 ต.ค. 58


    Octopie


    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
     © vivapolo id.dream by madampark
    plz don't copy and comment
    :)




    CODE

    <html>
    <head>
    <br>
    <br>
    <br>
    <title>//Octopie</title>
    <style type="text/css">
    #navbar-iframe {
    display: none;
    }
    body {
    background:#F9f9f9;
    font-family: century gothic;
    font-size: 11px;
    background-attachment:fixed;
    background-position:center center;
    background-repeat: repeat;
    text-align: justify;
    cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
    }
    a:link, a:visited { 
    font-style: normal;
    color: #666;
    text-decoration: none;
    }
    a:hover{
    color:#ccc;
    cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
    }
    .main{
    width:514px;
    height:445px;
    overflow:scroll;
    padding:10px;
    color:#666;
    font-size:11px;
    text-align:justify;
    margin-left:-1px;
    }
    .sidebar {
    width:240px;
    padding:7px;
    font-size:11px;
    color:#666;
    position:absolute;
    margin-left:-8px;
    margin-top:-1px;
    }
    .title1 {
    font-family:century gothic;
    font-size:13px;
    color: #666;
    text-align: center;
    text-transform: normal;
    border-bottom:1px solid #eee;
    padding:2px;
    }
    .title2 {
    font-family:century gothic;
    font-size:11px;
    color: #666;
    text-align: center;
    text-transform: normal;
    border-bottom:1px solid #eee;
    padding:2px;
    }
    .comment{
    font-family: century gothic;
    font-size: 11px;
    text-align: center;
    }
    .all {
    margin-left:205px;
    margin-top:-530px;
    background:#FFF;
    width:800px;
    border-radius:5px;
    border:1px solid #eee;
    }
    .boxouter{
    background:url(http://i1181.photobucket.com/albums/x434/MIMI-WAHIDA/stripebg.gif);
    border: 1px solid #ddd;
    border-radius:20px;
    width:810px;
    height:540px;
    border-radius:20px ;
    display:block;
    padding:5px;
    font-family:century gothic;
    font-size:40px;
    text-align:left;
    color:#505050;
    margin-top:30px;
    margin-left:194px;
    }
    /*------ MIMIJINKI ------*/
    img {
    border: none;
    filter: alpha(opacity=100);
    moz-opacity:1.0;
    opacity:1.0;
    -webkit-transition-duration: .25s;
    border-radius:10px;
    }
    img:hover {
    filter: alpha(opacity=80);
    moz-opacity:.80;
    opacity:.80 ;
    border-radius:30px;
    }
    u {
    text-decoration: none;
    border-bottom:1px dashed #ddd;
    color:#666;
    }
    b {
    font-weight: bold;
    color: #585858;
    }
    blockquote { 
    color:#666;
    font-size:11px;
    font-family: century gothic ;
    background:#FFF;
    border:1px dashed #ddd;
    padding: 3px;
    -webkit-transition:.7s;
    text-align:center;
    }
    ::-webkit-scrollbar {
    width: 4px;
    background:#FFF;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
    -moz-border-radius: 5px;
    border-radius:0px;
    }
    .navis {
    font-size: 11px;
    font-family: century gothic;
    top:91px;
    left: 748px;
    color: #999999;
    position: absolute;
    }
    a.mimijinki {
    background: #FFF;
    border: 1px solid #ddd;
    color: #666;
    font: century gothic 11px;
    padding-right: 10px;
    padding-left: 10px;
    }
    a.mimijinki:hover {
    color: #CCC;
    -webkit-transition: 1s;
    padding-right: 10px;
    }
    a.linkies {
    background:#f9f9f9;
    border:1px solid #ddd;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 3px;
    text-align:center;
    color:#666;
    -webkit-transition: 0.4s;}
    }
    @font-face{
    font-family:trueblood; 
    src:url('http://www.dafont.com/trueblood.font');
    }
    </style>
    <div class="boxouter">
    <div class="navis"
    <center><a class="mimijinki" onClick="document.getElementById('post').innerHTML=document.getElementById('I').innerHTML" title="entry">Post</a>
    <a class="mimijinki" onClick="document.getElementById('post').innerHTML=document.getElementById('love').innerHTML" title="about">About</a>
    <a class="mimijinki" onClick="document.getElementById('post').innerHTML=document.getElementById('verymuch').innerHTML" title="stuff">Links</a>
    <a class="mimijinki" onclick="window.open('http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php'); return false;">Add </a>
    <a class="mimijinki" onclick="window.open('http://my.dek-d.com/ชื่อไอดี/sendsecret.php'); return false;">SMSG </a></div>
    </div>
    </body>
    <body oncontextmenu='return false;'><br>
    <body ondragstart="return false">
    <div style="position:fixed; bottom:0px; left:0px;">
    <object type="application/x-shockwave-flash" style="width:30px; height:25px;" data="http://www.youtube.com/v/ใส่ไอดีเพลงตรงนี้นะค่ะ?color1=FFFFFF&amp;color2=FFFFFF&amp;rel=0&amp;loop=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0"><param name="movie" value="http://www.youtube.com/v/EPARpzlgZ6M?color1=FFFFFF&amp;color2=FFFFFF&amp;rel=0&amp;loop=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0" /></object>
    </div>
     
    <table class="all" style=" width=800" align="no" border="0" cellspacing="0"> 
    <tbody><tr>
    <td valign="top" style="width:530px; padding:5px; ">
     
    <center><div class="main">
    <div id="post">
    <blogger><div class="title1"><span style="color:#FAAFBE;">♥</span> <BlogItemTitle>Welcome to MY.ID</BlogItemTitle></div>
    <div class="comment">
    <br>
    พิมอะไรตรงนี้หน่อยสิ
    </div></center>
     
    <td valign="top" style="line-height:15px; font-size:11px; width:240px; padding:7px;">
     
    <div class='sidebar'>
    <div class="title2"><span style="color:#FAAFBE;">♥</span> Bounjour</div>
    <br>
    แนะนำตัวตรงนี้นะคะ
    <br>
    <br>
    <br>
    <br>
    <br>
    <div class="title2"><span style="color:#FAAFBE;">♥</span> Credit</div>
    <br>
    Contributed by : <a href="http://www.blogskins.com/me/mimijinki">MimiJinki</a><br>
    Edit by : <a href="http://my.dek-d.com/haneypie/writer/view.php?id=880270">Vivapolo ID.DREAM</a><br>
    <br>
    <div><br>
    </td> 
    </tr></tbody> 
    </table>
    <div id="I" style="display: none;">
    <Blogger>
    <blogger><div class="title1"><span style="color:#FAAFBE;">♥</span> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</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 id="love" style="display: none;">
    <div class="title1"><span style="color:#FAAFBE;">♥</span> I My Me Mine</div>
    <div class="comment">know more about me</div><br>
    <center><img src="http://25.media.tumblr.com/tumblr_lwae24SYHj1qlq8bco1_400.png"width="400"></center>
    <br>
    <center>
    แนะนำตัวเองยาวๆที่นี่นะคะ
    </div>
    <div id="verymuch" style="display: none;">
    <div class="title1"><span style="color:#FAAFBE;">♥</span> Exchange Links</div>
    <div class="comment">don't forget to visit them</div><br>
    <center><img src="http://data.whicdn.com/images/20225298/tumblr_lwg688ySPj1qb82mko1_500_large.png" border="0" width="400"></center>
    <br>
    <center>
    <a class="linkies" href="http://writer.dek-d.com/ชื่อไอดี/qmsg/">QMSG</a> 
    <a class="linkies" href="http://writer.dek-d.com/ชื่อไอดี/writer/">Writer</a> 
    <a class="linkies" href="http://writer.dek-d.com/ชื่อไอดี/friend/">Friend</a> 
    <a class="linkies" href="http://writer.dek-d.com/ชื่อไอดี/blog/">Blog</a> 
    <br> </div>
    <!-- code for turning all non-blog links to new page links -->
    <script type="text/javascript" language="javascript">
    var arr = document.getElementsByTagName("a"); //get all links in the page
    for(var i = 0; i < arr.length; i++)
    {
    if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
    && arr[i].href.indexOf("javascript:") < 0) //not javascript links
    arr[i].target = "_blank";
    }
    </script>
    </body>
    </html>


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

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

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

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

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

    ความคิดเห็น

    ×