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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #2 : THEME } skydot (ธีมฟ้าดอท)

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



    * หัดทำรอบสอง 

    โค้ดธีม

    <style type="text/css">
    .head1 {
    background:   #98DDF2   ;
    border-bottom:1px dashed #98DDF2 ; /*สีขอบล่างของชื่อเรื่อง*/
    border-top:1px dashed #98DDF2 ; /*สีขอบบนของชื่อเรื่อง*/
    border-left:1px dashed #98DDF2 ;  /*สีขอบซ้ายของชื่อเรื่อง*/
    border-right:1px dashed #98DDF2 ;  /*สีขอบขวาของชื่อเรื่อง*/
     
    /*  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: #98DDF2  !important;   /*พื้นหลังส่วนของ head 2  และตารางในหน้า*/
    }
     
    hr { visibility:hidden; }
    span.small_title { color: #FFFFFF !important ;  } /*เปลี่ยนสีตัวอักษรตรง head2*/
     
    a:link{
    color:  #98DDF2  ;  /*สีตัวอักษรที่เป็นลิงค์*/
    }
     
    A:active,a:visited {
    color:  #98DDF2  ;  /*สีตัวอักษรตอนที่คลิกลิงค์ และตอนที่ลิงค์แล้ว*/
    }
     
    A:hover {
    color: #FFFFFF   ; /*สีตัวอักษรที่กำลังชี้ลิงค์*/
    background:  #FFFFFF   ;    /*สีพื้นหลังของตัวอักษรที่กำลังชี้ลิงค์*/
    BORDER-top:0px dashed #98DDF2;
    BORDER-bottom:0px dashed #98DDF2;
    BORDER-right:0px dashed #98DDF2;
    BORDER-left:0px dashed #98DDF2;
    }
     
    BODY {
    scrollbar-darkshadow-color: #98DDF2  ;
    scrollbar-arrow-color:  #FFFFFF  ;
    scrollbar-track-color:  #FFFFFF  ;
    scrollbar-shadow-color:  #98DDF2  ;
    scrollbar-3dlight-color: #FFFFFF   ;
    scrollbar-highlight-color: #98DDF2  ;
    scrollbar-face-color:  #98DDF2  ;
    }  
     
    ::-webkit-scrollbar {
    width: 10px ;
    }
    ::-webkit-scrollbar-track {
    background-color:  #ffffff  ;
    }
    ::-webkit-scrollbar-thumb {
    border-radius: 10px ;
    background-color:  #98DDF2  ;
    }
    INPUT,SELECT,TEXTAREA {
    background-color: #98DDF2  ;
    border:dotted 1px #FFFFFF;   /*เส้นขอบของ textarea และ input*/
    color: #FFFFFF ;  /*ตัวอักษรภายใน*/
    font-family:tahoma;   /*ชื่อแบบอักษร (font)*/
    font-size:11px;   /*ขนาดแบบอักษร*/
    }
     
    body {
    background:#000000 url(http://upic.me/i/qh/tumblr_m6p10elx5o1ra2zxuo1_400_large.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: #98DDF2  ; /*สีตัวอักษร*/
    font-size:11px;   /*ขนาด font*/
     
    }
     
    table.story {
    border:none;
    color: #98DDF2   ;  /*สีตัวอักษรใส่ตาราง*/
    font-size:11px;   /*ขนาดตัวอักษร*/
     
    }
     
    td,th,div,body,li,ul,p {
    color: #98DDF2  ;   /*สีแบบอักษรทั้งหน้า*/
    font-family:Tahoma;  /*ชื่อแบบอักษร (font)*/
    font-size:12px;  /*ขนาดตัวอักษร*/
    }</style>
    <style id="so_sweet009" type="text/css">
    *::selection{
            background: #CEEFF9 ; /*สีพื้นหลังสีแดง*/
            color: #98DDF2 ;} /*สีตัวอักษรสีเหลือง*/
        *::-moz-selection{
            background: #CEEFF9 ; /*สีพื้นหลังสีแดง*/
            color: #98DDF2 ;} /*สีตัวอักษรสีเหลือง*/
        *::-webkit-selection{
            background: #CEEFF9 ; /*สีพื้นหลังสีแดง*/
            color: #98DDF2 ;} /*สีตัวอักษรสีเหลือง*/</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="tantine" type="text/css">
    a:link{ transition:all 1s ease-out; -webkit-transition: 1s; -moz-transition: 1s; }
    a:hover { transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s; }</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>
     
     

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

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

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

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

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

    ความคิดเห็น

    ×