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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    this lock

    ลำดับตอนที่ #6 : m! /14

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


    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <link href="" rel="shortcut icon" />
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">
     
    $(document).ready(function() {
     
        //Default Action
        $(".tab_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("active").show(); //Activate first tab
        $(".tab_content:first").show(); //Show first tab content
        
        //On Click Event
        $("ul.tabs li").click(function() {
            $("ul.tabs li") Class("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab
            $(".tab_content").hide(); //Hide all tab content
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
            $(activeTab).fadeIn(); //Fade in the active content
            return false;
        });
     
    });
    </script>
    <style type="text/css">
    #navbar-iframe,.blogger-labels{display:none!important;}
     
    body {
      background-color: #fefefe;
      background-image: url('http://i46.tinypic.com/24e5o4i.jpg');
      background-attachment: fixed;
    background-repeat: no-repeat;
      font-family: arial;
      font-size: 11px;
      line-height: 15px;
      color: #888;
      text-wrap: normal;
      word-wrap: break-word;
      }
     
    a {
     color: #555;
    border-bottom: 1px dotted #555;
     text-decoration: none;;-moz-transition: 0.8s
     }
     
    a:hover {
    border-bottom: 1px solid #7A475D;
     color: #7A475D;;-moz-transition: 0.8s
     }
     
    blockquote {
     font-size: 12px;  
    font-style: italic;
    font-family: georgia;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
     margin-left: 8%;
    color: #555;
    padding: 12px;
     width: 80%;
     }
     
    .side {position: fixed;}
     
    .navi_circle {
    margin-left: 40px;
    margin-top: 30px;
    width: 70px;
    height: 70px;
    background-color: #E8917B;
    border-radius: 75px;
    moz-border-radius: 75px;
    padding: 40px;
    color: #fefefe;
    font-family: trebuchet ms;
    filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
    }
     
    .navi_circle a {border-bottom: none; color: #fefefe;;-moz-transition: 0.5s}
    .navi_circle a:hover {margin-left:8px;;-moz-transition: 0.5s}
     
    .navi_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
     
    .text_circle {
    width: 170px;
    height: 170px;
    padding: 40px;
    text-align:justify;
    margin-left: 380px;
    margin-top: 130px;
    border-radius: 125px;
    moz-border-radius: 125px;
    background-color: #93C1C2;
    color: #fefefe;
    font-family: trebuchet ms;
    filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
    }
     
    .text_circle a{border-bottom: 1px dotted #fefefe;}
     
    .text_circle:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
     
    .under_the_circles {
    width: 485px;
    font-family: georgia;
    font-style: italic;
    font-size: 18px;
    padding-right: 60px;
    padding-left: 60px;
    text-align: center;
    margin-top: 30px;
    letter-spacing:1.5px;
    line-height: 24px;
    margin-left:40px;
    }
     
    .content {
    width: 460px;
    height: auto;
    padding-left: 30px;
    margin-top: 30px;
    margin-left: 660px;
    margin-bottom: 25px;
    }
     
    .entry {
    width: 400px;
    text-align: justify;
    padding-left: 30px;
    margin-left: -32px;
    margin-bottom: 25px;
    border-left: 2px solid #bbb;
    }
     
    .entryheader {
    font-size: 21px;
    text-align: left;
    font-family: arial narrow;
    letter-spacing: 4px;
    color: #999;
    width: 430px;
    padding-bottom:8px;
    padding-left: 30px;
    padding-top:5px;
    margin-left: -32px;
    border-left: 2px solid #93C1C2;;-moz-transition: 0.5s
    }
     
    .entryheader:hover {letter-spacing:5px;;-moz-transition: 0.5s}
     
    img {-moz-transition:2s; filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 1s}
     
    .links a{
    text-transform: lowercase;
    padding: 3px;
    margin-left: 5px;
    color:#fefefe;
    border-bottom: none;
    border-radius: 2px;
    moz-border-radius: 2px;
    }
     
    .aff a {
    background-color:#fefefe;
    margin-right:7px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #93C1C2;
    line-height: 25px;
    }
     
    .links a:hover {background-color: #dedede;}
     
    ul.tabs {margin-left: -40px; list-style: none;}
    ul.tabs li { display:inline;}
    ul.tabs li.active a {font-weight:bold;}
    #com a, ul.tabs li a{letter-spacing: 2px; font-weight: none;color: #fefefe; border-bottom: none; text-decoration:none; -webkit-transition-duration:0.5s;; -moz-transition: 0.5s}
    #com a:hover, ul.tabs li a:hover{}</style>
    <div class="side">
    <div class="navi_circle">
    <big>&raquo;</big> <a href="/">ADD ME</a><br />
    <big>&raquo;</big>&nbsp;<a href="/">QMSG</a><br />
    <big>&raquo;</big> <a href="/">SMSG</a><br />
    <big>&raquo;</big> <a href="/">WRITER</a><br />
    <big>&raquo;</big> <a href="/">TWITTER</a></div>
    </div>
    <div class="text_circle">
    <center>
    <ul class="tabs">
    <li>
    ทักทาย...เขียนไรลงไปก็ได้<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    &#39;</li>
    <br />
    <br />
    <br />
    <br />
    </ul>
    </center>
    </div>
    <div class="content">
    <blogger>
    <div class="entry">
    <div align="right" style="margin-bottom: 10px; margin-top: -21px; ">
    <div class="links" style="text-align: left; ">
    <font color="#999999" face="arial narrow"><span style="font-size: 21px; letter-spacing: 4px;">hello!!~~~</span></font><a href="&lt;$BlogItemPermalinkURL$&gt;"><blogdateheader>aderDate$&gt;</blogdateheader> at &lt;$blogitemdatetime$&gt;</a></div>
    </div>
    เขียนทักทายลงไปได้โลยยย....<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    อย่าลืมเปลี่ยนสีตัวอักษรด้วยน้าาาาา</div>
    </blogger>
    <center>
    Layout by <a href="http://blogskins.com/me/m-eister">ten</a><a href="http://tentylers.blogspot.com">tylers</a>. Image from <a href="http://weheartit.com/entry/30614682">weheartit</a>.<br />
    Edit By&nbsp;<a href="http://my.dek-d.com/seo-yuri/" target="_blank">- naxquiz ◇</a></center>
    </div>
    <br />
    <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
    กำลังโหลด...

    ความคิดเห็น

    ×