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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Free ★ ID DREAM 4U

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

    • อัปเดตล่าสุด 16 พ.ค. 55


    © Tenpoints ! ;THANK
     

    Skin thumbnail


    PREVIEW



    <html>
    <head>
    <link href='*YOUR-FAVICON-URL*' rel='shortcut icon'/>
    <title>Holland</title>
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {
    background: #F8F8F8;
    background-attachment:fixed;
    font-family: georgia;
    font-size: 12px;
    cursor: crosshair;
    overflow: hidden;
    }
    a:link, a:visited {
    color:#777777;
    text-transform: uppercase;
    text-decoration:none;
    -webkit-transition: 0.5s;
    }
    a:hover {
    color: #777777;
    cursor: vertical-text;
    -webkit-transition: 0.5s;
    }
    .main {
    background: #ffffff;
    color:#999999;
    padding:14px;
    width:300px;
    font-size: 12px;
    border: 1px solid #D5B984;
    text-align:justify;
    }
    .h1 {
    color: #777777;
    font-size: 25px;
    text-align: left;
    border-bottom: 2px solid #EDEDED;
    font-style: italic;
    padding: 5px;
    }
    .h2 {
    text-align: right;
    text-transform: uppercase;
    padding: 3px;
    color: #999999;
    }
    .blogger-labels a {border-top: 2px solid #F1F1F1; border-bottom: 2px solid #F1F1F1; padding: 3px; text-align: center; letter-spacing: 3px; text-transform: uppercase;}
    .affiliates {
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: #F6F6F6;
    border: 1px solid #EEEEEE;
    display: inline-block;
    width: 150px;
    opacity: 0.5;
    }
    .affiliates:hover {
    opacity: 1.0; 
    }
    blockquote {
    padding: 8px;
    border-radius: 10px;
    border: 2px dotted #F6F6F6;
    -webkit-transition: 0.5s;
    }
    blockquote:hover {
    padding: 8px;
    border-radius: 10px;
    border: 2px dotted #DCDCDC;
    -webkit-transition: 0.5s;
    }
    .navi { 
    color: transparent;
    opacity: 0.25;
    background: #8FD6B0;
    display: inline-block;
    font-size: 40px;
    font-style: italic;
    width: 200px;
    border-top: 100px solid #8FD6B0;
    border-bottom: 100px solid #8FD6B0;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: 0.5s
    }
    .navi:hover {
    color: #000000; 
    -webkit-transition: 0.3s;
    }
    .navia { 
    color: transparent;
    opacity: 0.25;
    background: #D1C368;
    display: inline-block;
    font-size: 40px;
    font-style: italic;
    width: 200px;
    border-top: 100px solid #D1C368;
    border-bottom: 100px solid #D1C368;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: 0.5s
    }
    .navia:hover {
    color: #000000; 
    -webkit-transition: 0.3s;
    }
    .navib { 
    color: transparent;
    opacity: 0.25;
    background: #980002;
    display: inline-block;
    font-size: 40px;
    font-style: italic;
    width: 200px;
    border-top: 100px solid #980002;
    border-bottom: 100px solid #980002;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-transition: 0.5s
    }
    .navib:hover {
    color: #000000; 
    -webkit-transition: 0.3s;
    }
    .navic { 
    color: transparent;
    opacity: 0.25;
    background: #DF5A4B;
    display: inline-block;
    font-size: 40px;
    font-style: italic;
    width: 200px;
    border-top: 100px solid #DF5A4B;
    border-bottom: 100px solid #DF5A4B;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: 0.5s
    }
    .navic:hover {
    color: #000000; 
    -webkit-transition: 0.3s;
    }
    .navigation {
    padding: 3px;
    background: #EFEFEF;
    -webkit-transition: 0.3s;
    }
    u {
    text-decoration:none;
    border-bottom: 2px solid #EDEDED;
    }
    .credit {
    position: fixed;
    bottom: 1px;
    right: 10px;
    -webkit-transition: 0.5s;
    }
    .follow {
    font-size: 50px;
    color: #E1E1E1;
    -webkit-transform: rotate(90deg);
    border-radius: 10px;
    opacity: 0.5;
    padding: 5px;
    position: fixed;
    bottom: 200px;
    right: 200px;
    -webkit-transition: 0.5s;
    }
    .follow:hover {
    opacity: 1.0;
    -webkit-transition: 0.5s;
    }
    ::-webkit-scrollbar {width: 9px;background: #ffffff;}
    ::-webkit-scrollbar-thumb {background-color: #E2E2E2; padding: 5px;}
    </style>
    <body><br>
    <table style="line-height: 17px;" width="800"  border="0" align="center" cellspacing="5">
    <tbody><tr>
    <div style="position: absolute; top: 250px; 0px; left: 190px; -webkit-transform: rotate(250deg); text-align: center;">
    <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('i').innerHTML" title="My Diary">Home</a>
    </div>
    <div style="position: absolute; top: 100px; 0px; left: 190px; -webkit-transform: rotate(300deg); text-align: center;">
    <a class="navia" onClick="document.getElementById('main').innerHTML=document.getElementById('wanna').innerHTML" title="About Me">About</a>
    </div>
    <div style="position: absolute; top: 30px; 0px; left: 310px; -webkit-transform: rotate(350deg); text-align: center;">
    <a class="navib" onClick="document.getElementById('main').innerHTML=document.getElementById('be').innerHTML" title="Shut The Fuck Up Doesn't Allowed Here!">Chatbox</a>
    </div>
    <div style="position: absolute; top: 60px; 0px; left: 460px; -webkit-transform: rotate(30deg); text-align: center;">
    <a class="navic" onClick="document.getElementById('main').innerHTML=document.getElementById('better').innerHTML" title="Affiliates">Affies</a>
    </div>
    <div id="i" style="display:none;">
    <blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$></div></center>
    <br>
    <$blogitembody$></blogger>
    <br>
    <br>
    <center><div style="float: right;"><OlderPosts><a class="navigation" href="<$OlderPosts$>" target="_blank">Older Post</a></OlderPosts></div>
    <div style="float: left;"><NewerPosts><a class="navigation" href="<$NewerPosts$>" target="_blank">Newer Post</a></NewerPosts></div></center>
    <br>
    </div>
    <div id="wanna" style="display:none;">
    <div class="h1">The Owner</div>
    <center><div class="h2">Your profile goes here!</div></center>
    <br>
    My name? Random.
    <br>
    My birthdate? Random.
    <br>
    My boyfriend / girlfriend? Random.
    <br>
    Even my face is random too yeah!
    <br>
    </div>
    <div id="be" style="display:none;">
    <div class="h1">Tagging!</div>
    <center><div class="h2">Please tag here <s>or die</s></div></center>
    <br>
    <center>YOUR CHATBOX GOES HERE! 100& WIDTH :)</center>
    <br>
    </div>
    <br>
    <div id="better" style="display:none;">
    <div class="h1">Affiliates</div>
    <center><div class="h2">My friends from the other wonderland!</div></center>
    <br>
    <center>
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    </center>
    <br>
    <center>
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    </center>
    <br>
    <center>
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    <a class="affiliates" href="http://blogger.com" target="_blank">Special</a> 
    </center>
    </div>
    <td valign="top" style=" position: absolute; bottom: -2px; left: 350px; width:550px; height: 450px; overflow: scroll; color: #888888; padding:10px; border: 1px solid #EFEFEF; font-size:11px; background: #ffffff;">
    <div id="main">
    <blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$></div></center>
    <br>
    <$blogitembody$></blogger>
    <br>
    <br>
    <center><div style="float: right;"><OlderPosts><a class="navigation" href="<$OlderPosts$>" target="_blank">Older Post</a></OlderPosts></div>
    <div style="float: left;"><NewerPosts><a class="navigation" href="<$NewerPosts$>" target="_blank">Newer Post</a></NewerPosts></div></center>
    </div>
    </td>
    <div class="follow"> 
    <a href="http://www.blogger.com/follow-blog.g?blogID=*YOUR-BLOG-ID*" target="_blank">+ Follow</a>
    </div>
    <!----DON'T TOUCH THIS SECTION----!>
    <div class="credit"> 
    <a href="http://childishkidblogger.blogspot.com/" target="_blank">Theme By</a>
    <a href="http://www.blogskins.com/me/gorgeous1" target="_blank">❤</a>
    <br>
    <a href="http://www.blogskins.com/info/377104" target="_blank">Follow Button</a>
    </div>
    <!----DON'T TOUCH THIS SECTION----!>
    </table></body></head></html>

    <style type="text/css">.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
    .right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}    </style>

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

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

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

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

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

    ความคิดเห็น

    ×