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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ตู้กับข้าว XD

    ลำดับตอนที่ #1 : THEME } Baw liilii (ธีมน้ำตาล)

    • อัปเดตล่าสุด 24 ธ.ค. 55



    * หัดทำครั้งแรก

    โค้ดธีม

    <style type="text/css">
    center>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td>div>div#tweet>a>img  {display:none !important;}</style>
    <style type="text/css">
    center>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td>div>div#fblike>a>img  {display:none !important;}</style>
    <style type="text/css">
    a {-WEBKIT-TRANSITION: ALL 0.5S  EASE;-MOZ-TRANSITION: ALL 0.5S EASE;-O-TRANSITION: ALL 0.5S EASE;} :HOVER {-WEBKIT-TRANSITION: ALL 0.9S EASE;-MOZ-TRANSITION: ALL 0.9S  EASE;-O-TRANSITION: ALL 0.9S EASE;}:HOVER {-WEBKIT-TRANSITION: ALL 0.9S  EASE;-MOZ-TRANSITION: ALL 0.9S EASE;-O-TRANSITION: ALL 0.9S  EASE;}</style>
    <style type="text/css">
    @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 1px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, -2px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -2px) rotate(1deg); } 90% { -webkit-transform: translate(2px, -1px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @-moz-keyframes spaceboots { 0% { -moz-transform: translate(2px, 1px) rotate(0deg) scale(1);} 10% { -moz-transform: translate(-1px, -2px) rotate(-1deg) scale(0.98);} 20% { -moz-transform: translate(-3px, 0px) rotate(1deg) scale(1);} 30% { -moz-transform: translate(0px, 2px) rotate(0deg) scale(0.98);} 40% { -moz-transform: translate(1px, -1px) rotate(1deg) scale(1);} 50% { -moz-transform: translate(-1px, 1px) rotate(-1deg) scale(0.98);} 60% { -moz-transform: translate(-3px, -2px) rotate(0deg) scale(1);} 70% { -moz-transform: translate(2px, 1px) rotate(-1deg) scale(0.98);} 80% { -moz-transform: translate(-1px, -2px) rotate(1deg) scale(1);} 90% { -moz-transform: translate(2px, -1px) rotate(0deg) scale(0.98);} 100% { -moz-transform: translate(1px, -2px) rotate(-1deg) scale(1);} }  img:hover { -webkit-animation-name: 'spaceboots'; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation: spaceboots 0.8s linear; -moz-animation-iteration-count: infinite; }</style>
    <style type="text/css">
    url(http://static.tumblr.com/affzqqm/6bnmbq5ty/qaz.css);</style>
    <style type="text/css">
    /*โค้ดมุมคอมเม้ล by brownie choco' code กรุณาอย่าลบตรงนะฮ่ะ ขอร้อง T_T*/
    html>body#storydiv>center>form>table>tbody>tr>td>img,
    html>body#storydiv>center>table>tbody>tr>td>img,
    html>body>center>form>table>tbody>tr>td>img,
    html>body>center>table>tbody>tr>td>img{display:none;}</style>
    <style type="text/css">
    img {-webkit-transition:0.7s; /*ตัวปรับเวลา ของ chrome แก้เฉพาะตัวเลขนะเออ*/
    -moz-transition:0.7s; /*ตัวปรับเวลา ของ หมาไฟ แก้เฉพาะตัวเลขนะเออ*/
    -o-transition:0.7s;} /*ตัวปรับเวลา ของ opera(มั้ง ไม่แน่่วาสใช่โอเปอร์ราหรือป่าว เพราะว่ามันใช้ โออ่ะ) แก้เฉพาะตัวเลขนะเออ*/
    img:hover{margin-left:3%; /*อันนี้เป็นเปอร์เซ็นว่า้เลื่อนไปใกล้เท่าไหน สามารถเปลี่ยน เป็น px แทน % ได้ และถ้าอยากให้เลื่อนบน ล่าง ซ้าย ให้เปลี่ยนจาก left เป็น 
    top,bottom หรือ right แทน*/
    }</style>
    <style id="so_sweet009" type="text/css">
    *::selection{
            background: #764D16 ; /*สีพื้นหลังสีแดง*/
            color: #FFFFFF ;} /*สีตัวอักษรสีเหลือง*/
        *::-moz-selection{
            background: #764D16 ; /*สีพื้นหลังสีแดง*/
            color: #FFFFFF ;} /*สีตัวอักษรสีเหลือง*/
        *::-webkit-selection{
            background: #764D16 ; /*สีพื้นหลังสีแดง*/
            color: #FFFFFF ;} /*สีตัวอักษรสีเหลือง*/</style>
    <style type="text/css">
    a:hover { letter-spacing: 2px; }</style>
    <style id="tantine" type="text/css">
    /*โค้ดลบโฆษณาใต้ชื่อบทความ*/
    table[align="center"]>tbody>tr>td[valign="top"]>div
    { display:none } tr>td[height="95"] { display:none !important; }</style>
    <style id="tantine" type="text/css">
    /*เปลี่ยนสีแถบดำด้านบนสุด*/
    td[align="left"] {background: #โค้ดสี !important;}</style>
    <style id="tantine" type="text/css">
    .desc_head { display:none !important; }</style>
    <style id="tantine" type="text/css">
    img {filter:alpha (opacity=100); opacity:1; transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s;}
    img:hover {filter:alpha (opacity=70); opacity:.7; transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s;}</style>
    <style type="text/css">
    .head1 {
    background:   #764D16   ;
    border-bottom:1px dashed #000000 ; /*สีขอบล่างของชื่อเรื่อง*/
    border-top:1px dashed #000000 ; /*สีขอบบนของชื่อเรื่อง*/
    border-left:1px dashed #000000 ;  /*สีขอบซ้ายของชื่อเรื่อง*/
    border-right:1px dashed #000000 ;  /*สีขอบขวาของชื่อเรื่อง*/
    /*  1px คือขนาดของเส้นขอบ 
    ------ 000000 คือโค้ดสี ต้องมีเครื่องหมาย # นำหน้าโค้ดสีเสมอนะ 
    และห้ามเว้นวรรคระหว่าง # และโค้ดสีเด็ดขาด
    ตัวอย่างที่ผิด >> #  000000       
    ตัวอย่างที่ถูก >>  #000000  */
    }
    .head1 h1 { font-family: Tahoma, Tahoma ;color: #ffffff !important}
    .head2 font {
    color:   #FFFFFF !important;
    font-size:12px;   /*เปลี่ยนขนาดตัวอักษรตรง head 2 ที่นี่ค่ะ*/
    }
    .head2 table,.head2,.head2 td {
    background: #764D16  !important;   /*พื้นหลังส่วนของ head 2  และตารางในหน้า*/
    }
    hr { visibility:hidden; }
    span.small_title { color: #ffffff !important ;  } /*เปลี่ยนสีตัวอักษรตรง head2*/
     
    a:link{
    color:  #6B420C  ;  /*สีตัวอักษรที่เป็นลิงค์*/
    }
    A:active,a:visited {
    color:  #A87D45  ;  /*สีตัวอักษรตอนที่คลิกลิงค์ และตอนที่ลิงค์แล้ว*/
    }
    A:hover {
    color: #FFFFFF   ; /*สีตัวอักษรที่กำลังชี้ลิงค์*/
    background:  #6B420C   ;    /*สีพื้นหลังของตัวอักษรที่กำลังชี้ลิงค์*/
    BORDER-top:1px dashed #FFFFFF;
    BORDER-bottom:1px dashed #FFFFFF;
    BORDER-right:1px dashed #FFFFFF;
    BORDER-left:1px dashed #FFFFFF;
    }
    BODY {
    scrollbar-darkshadow-color: #000000  ;
    scrollbar-arrow-color:  #FFFFFF  ;
    scrollbar-track-color:  #FFFFFF  ;
    scrollbar-shadow-color:  #6B420C  ;
    scrollbar-3dlight-color: #6B420C   ;
    scrollbar-highlight-color: #6B420C  ;
    scrollbar-face-color:  #6B420C  ;
    }  
    ::-webkit-scrollbar {
    width: 10px ;
    }
    ::-webkit-scrollbar-track {
    background-color:  #ffffff  ;
    }
    ::-webkit-scrollbar-thumb {
    border-radius: 10px ;
    background-color:  #6B420C  ;
    }
    INPUT,SELECT,TEXTAREA {
    background-color: #6B420C  ;
    border:dotted 1px #FFFFFF;   /*เส้นขอบของ textarea และ input*/
    color: #FFFFFF ;  /*ตัวอักษรภายใน*/
    font-family:tahoma;   /*ชื่อแบบอักษร (font)*/
    font-size:11px;   /*ขนาดแบบอักษร*/
    }
    body {
    background:#000000 url(http://upic.me/i/01/109464601.jpg) repeat fixed;
    }
    table {
    background: #FFFFFF  ;  /*พื้นหลังตาราง*/
    border:none;
    border-collapse:separate!important !important;
    }
    table,td,span.desc_head,tbody,tr {
    background:  #FFFFFF  ;   /*พื้นหลังตาราง*/
    border:none !important;
    color: #6B420C  ; /*สีตัวอักษร*/
    font-size:11px;   /*ขนาด font*/
    }
    table.story {
    border:none;
    color: #6B420C   ;  /*สีตัวอักษรใส่ตาราง*/
    font-size:11px;   /*ขนาดตัวอักษร*/
    }
    td,th,div,body,li,ul,p {
    color: #6B420C  ;   /*สีแบบอักษรทั้งหน้า*/
    font-family:Tahoma;  /*ชื่อแบบอักษร (font)*/
    font-size:12px;  /*ขนาดตัวอักษร*/
    }</style>
    <style type="text/css">
    #shareForm, #shareicon { display: none; }</style>
     

    เครดิต
    โค้ดหวานๆ โค้ดอะเบ้าท์ธีม แอปเปิ้ลพาย บราวนี่ช็อคโก้

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

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

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

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

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

    ความคิดเห็น

    ×