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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ทดลอง ห้ามเข้า

    ลำดับตอนที่ #3 : {TC 2} THAI UMBELA

    • อัปเดตล่าสุด 14 ก.ย. 57


    THAI UMBELLA 
    Cr.Look_Aom&Themmy Candy Tc.






    CODE THEME

    <style type="text/css" name="LOOKAOM">
    /***พื้นหลัง-หลัก ของบทความ***/
    body{
    background:url( http://colourlovers.com.s3.amazonaws.com/images/patterns/3958/3958296.png )!important;
    background-repeat:repeat;
    background-position:center!important;
    background-attachment:fixed!important;
    }  
    /***พื้นหลัง-รอง ของบทความ***/
    div#main.clear{
    background:none!important;
    }
    /***พื้นหลังของเนื้อหา***/
    .story,#big_head,.content,#content_name,.box03,.box06,.box04_page,
    .cm-box-area,.comment-tabbable .comment-tabs .active button,
    .cm-box-area .member,.cm-box-area .guest,.reviews01,
    .reviews02,.more_review{
    background:#fff!important;
    border:none!important;
    }
    /***ชื่อบทความ***/
    .head1{
    background:#EE0000!important;
    border:1px groove #fff;
    padding-top: 30px; /*ความห่างของขอบด้านบนกับชื่อ*/
    padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/
    border-radius: 30% ;
    }
    p#big_text{
    color:#fff!important;
    font-family:tahoma;
    font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/
    }
    /***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/
    h2,.box04_head{
    background:#EE0000!important; /*พื้นหลังของเฮดย่อย*/
    }
    h2.box02,.box04_head2,.box04_head{
    border:1px groove #fff!important; /*เส้นขอบของเฮดย่อย*/
    }
    h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{
    color:#fff!important; /*สีของอักษรที่อยู่บนเฮดย่อย*/
    background:none!important;
    }
    /*ใส่ติดไว้กันเหนียว เวลาชี้ลิ้งค์แอดfav. เพิ่มคำวิจารณ์/นิยม มันจะได้อยู่ที่เดิม*/
    a.box04_head03{
    height:23px;line-height:24px;
    float:right;text-indent:30px;width:150px;
    }
    /***อักษรทั่วไปในหน้าบทความ****/
    .desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,
    p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,
    .owner-username,#usermenu .usernamename, .notifications .usernamename,
    .name-area,.icon-mail,.icon-ip,
    .comment-tabbable .comment-tabs .active button{
    color:#000!important;
    }
    li{font-size:15px;}
    h3>span{   /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/
    color:#000!important;
    }
    /*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/
    .comment-order{font-size:30px!important;
    } 
    /***บิ๊กเฮดใต้ชื่อบทความ***/
    /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/
    P.vote_m{
    color:#EE0000!important;
    border-right:1px dashed #000!important;
    }
    /*ลบรูปดาวสีส้มหน้าประเภทนิยาย แท๊ก ผู้แต่งฯ */
    ul.name_story li p{background:none!important;
    }
    /*ปุ่ม Vote กับ Report*/
    div>a.review,div>a.name_sb01,div.name_storybox>a{ 
    color:#fff!important;
    background:#EE0000!important;
    border:3px dotted #000!important;
    }
    /***กล่องเด้งตอนชี้ปุ่ม Report***/
    .bigname_sb01 ul.name_sb01_uu li{border:none!important;}  /*ลบเส้นคั่นรายการ*/
    img[src*="/writer14_arow01.png"]{display:none!important;}  /*ลบลูกศรของกล่อง*/
    .bigname_sb01 ul.name_sb01_uu, .bigname_sb01 img.name_sb01_img{
    background:#C1CDCD!important;
    }
    /*ลบเครื่องหมายหน้ารายการในกล่องเด้งตอนชี้ปุ่ม Report*/
    ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa{
    background:none!important;text-indent:0px;font-size:12px;
    } 
    /***ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์***/
    .b_fb_l_i01,ul.box_uu01 li a{background:none!important;} /*ลบพื้นหลังสีเทา */
    ul.box_facebook li .b_fb_like a{
    background:#EE0000!important;
    border:3px dotted #000!important;
    -webkit-box-shadow:none!important; /*ลบเงาที่ขอบด้านล่าง*/
    } 
    /*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/
    div>a.review:hover, 
    div>a.name_sb01:hover,
    div.name_storybox>a:hover,
    ul.box_facebook li .b_fb_like a:hover{
    background:#000!important;
    border:1px solid #EE0000!important;
    }
    ul.box_facebook li .b_fb_like a:hover{
    padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/
    }
    /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/
    .big_fb{
    border-top:1px dashed #000!important;
    }
    .b_fb_l_font01,
    .box_facebook-right01{
    border-left:1px dashed #000!important;
    }
    /******โซนคอมเม้นท์******/
    .ribbon{background:none!important;} /*ลบริบบิ้นพื้นหลัง*/
    li.cur{background:none!important;} /*ลบพื้นหลังเลขหน้า*/
    .arrow_box:after,#drag-to-quote:after{border:none!important;} /*ลบลูกศรของกล่องเมนูของเฟือง*/
    .comment-setbubble{
    background:#fff!important; /*พื้นหลังคอมเม้นท์*/
    border:1px solid #EE0000!important; /*ขอบรอบคอมเม้นท์*/
    -webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/
    }
    /*ฐานคอมเม้นท์*/
    .comment-action:before{background:none!important;}
    .comment-action{
    background:#EE0000!important;
    border-radius:3px 3px 3px 3px!important; /*ความโค้งของฐาน*/
    }
    .arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/
    .cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/
    }
    /*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/
    .icon-setting,.btn-social i{
    color:#fff!important;
    text-shadow:none!important;
    }
    .icon-setting:hover,
    .btn-social i:hover{
    color:#000!important;
    }
    /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/
    /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย
    ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/
    .arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/
    button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/
    button{
    color:#fff!important; /*สีของเมนูแต่ละรายการ*/
    background:#EE000!important;border:none!important; /*พื้นหลังของเมนู*/
    border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    button:hover{
    color:#EE000!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/
    background:#fff!important;border:none!important;  /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    /***อวาตาร์ของคนคอมเม้นท์***/
    .avatar{
    border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/
    background:#ใส่โค้ดสีของพื้นหลัง!important;
    border:1px dashed #ใส่โค้ดสีเส้นขอบ!important;
    padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    /*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/
    }
    .avatar:hover{
    -webkit-transform:rotate(0deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/
    border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/
    background:#ใส่โค้ดสีของพื้นหลังตอนเม้าส์ชี้!important;
    border:1px dashed #ใส่โค้ดสีเส้นขอบตอนเม้าส์ชี้!important;
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
     
    /*รูปอวาตาร์*/
    img[src*='/1/newtoon/'],.user-pic-comment{
    width:50px; /*ปรับขนาดความกว้าง*/
    height:50px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/
    border-radius:40% 40% 40% 40%!important; /*ความโค้งของรูปอวาตาร์*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
    border-radius:50% 50% 50% 50%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    /***กล่องพิมพ์คอมเม้นท์***/
    span.cke_skin_kama{
    background:#EE0000!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/
    border-radius:3px 3px 3px 3px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/
    border:1px dashed #EE0000!important;
    padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    .cke_skin_kama .cke_wrapper{
    background:#fff!important; /*สีของตัวกล่องคอมเม้นท์*/
    border-radius:5px 5px 5px 5px; /*ความโค้งของกล่องด้านใน*/
    border:1px solid #000!important; /*ติดกับพื้นหลังกล่อง*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    span.cke_skin_kama:hover{
    /*ใส่สไตล์ของพื้นหลังกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    2-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    .cke_skin_kama .cke_wrapper:hover{
    /*ใส่สไตล์ของพื้นตัวกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    /***ปุ่มส่งความเห็น***/
    .cm-box-area .comment-submit{
    border:2px solid #000!important;
    }
    .cm-box-area .comment-submit:hover{
    border:1px solid #000!important;
    }
    .btn-orange{
    width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/
    padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/
    background:#EE0000!important; /*พื้นหลังของปุ่ม*/
    color:#fff!important; /*สีของชื่อปุ่ม*/
    text-shadow:none!important; /*ลบเงาของชื่อปุ่ม*/
    -webkit-box-shadow:none!important; /*ลบเงาที่ทำให้ปุ่มดูมีมิติขึ้นมา*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    .btn-orange:hover{
    background:#fff!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/
    color:#EE0000!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/
    -webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    }
    /***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/
    input,select,textarea{
    color:#EE0000!important;
    background:#fff!important;
    border-top:1px solid #EE0000!important;  /*เส้นขอบบน*/
    border-bottom:1px solid #EE0000!important; /*เส้นขอบล่าง*/
    border-left:1px solid #EE0000!important;  /*เส้นขอบซ้าย*/
    border-right:1px solid #EE0000!important;  /*เส้นขอบขวา*/
    font-family:TH Mali Grade 6; /*ลักษณะฟ้อนต์*/
    -webkit-box-shadow:none!important;  /*ลบเงา*/
    }
    /*ลบช่องสี่เหลี่ยมที่ซ้อนด้านหลังกล่องพิมพ์คอมเม้นท์ของบุคคลทั่วไป*/
    .text-area,.select,.input-box{
    border:none!important;background:none!important;
    }
    /*ลบเงาตรงที่พิมพ์คอมเม้นท์ของบุคคลทั่วไป*/
    .cm-box-area .cm-setcmbox,.cm-box-area .text-area{
    box-shadow:none!important;
    }
    /*ซีเล็คชั่น : คือส่วนที่เวลาเราลากเม้าส์คลุมข้อความ*/
    *::selection{ /*สำหรับ browser IE*/
    background:#fff!important;
    color:#EE0000!important;
    } 
    *::-moz-selection{ /*สำหรับ browser firefox*/
    background:#fff!important;
    color:#EE0000!important;
    } 
    *::-webkit-selection{ /*สำหรับ browser chrome*/
    background:#fff!important;
    color:#EE0000!important;
    }
    /***สกรอลล์บาร์***/
    ::-webkit-scrollbar{width:10px;} /*ความกว้างของสกรอลล์บาร์ ปรับค่าได้*/
    ::-webkit-scrollbar-track{
    background:#CDB5CD!important; /*พื้นหลังของรางเลื่อน*/
    border-radius:0px; /*ขอบโค้ง ปรับได้ตามชอบ*/
    }
    ::-webkit-scrollbar-thumb{
    background:#EE0000!important; /*พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
    border:1px dashed #EE0000!important; /*เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
    border-radius:10px;  /*ขอบโค้ง ปรับได้ตามชอบ*/
    }
    ::-webkit-scrollbar-thumb:hover{
    background:#fff!important;  /*เวลาเม้าส์ชี้พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
    border:1px dashed #EE0000!important;  /*เวลาเม้าส์ชี้เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
    border-radius:10px;  /*ขอบโค้งเวลาเม้าส์ชี้ ปรับได้ตามชอบ*/
    }
    /******ลิ้งค์สไตล์******/
    a:link{
    color:#EE0000;  /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/
    text-decoration:none!important;   /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/
    -webkit-transition:2s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
    -moz-transition:2s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/
    }
     
    a:active,a:visited{
    color:#000!important;
    /*สีของลิ้งค์ที่เคยชี้ไปแล้ว
    สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์
    สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/
    text-decoration:none!important;
    }
     
    a:hover{
    color:#EE0000!important;   /*สีของลิ้งค์เวลาเม้าส์ชี้*/
    background:#9C9C9C!important;  /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ
    เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/
     
    background-repeat:no-repeat!important;   /*สำหรับพื้นหลังที่เป็นรูปภาพ
    no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน
    repeat คือ แสดงภาพซ้ำๆ ต่อกัน */
     
    position:relative; top:0px; left:0px;   /*ตำแหน่งการเลื่อนของลิ้งค์ ไม่ต้องปรับก็ได้*/
    padding:1px 2px 1px 2px;   /*ระยะห่างระหว่างอักษรกับขอบ ตำแหน่งคือ top right bottom left*/
    border-radius:5px 5px 5px 5px;   /*ขอบโค้ง ปรับค่าได้ตามชอบ*/
    border-top:1px solid #9C9C9C!important;   /*เส้นขอบบน*/
    border-bottom:1px solid #9C9C9C!important;   /*เส้นขอบล่าง*/
    border-left:1px solid #9C9C9C!important;   /*เส้นขอบซ้าย*/
    border-right:1px solid #9C9C9C!important;   /*เส้นขอบขวา*/
    -webkit-transition:2s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
    -moz-transition:2s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/
    }
    /**********แถบทูลบาร์**********/
    .btn,div>div>div>div>div {
    background:#fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
    border:none!important;
    }
    .active, {
    background:#fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
    border:none!important;
    }
    div#auth-frame, -wrap{
    background:#fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
    border:none!important;
    }
    .menu-main>a{
    background:#fff!important;   /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
    border:none!important;
    }
    /***เวลาชี้ลิ้งค์เมนูหลักบนทูลบาร์****/
    li>i:hover,ul.menu-list>li>a:hover{
    color:#000!important;
    background:#EE0000!important;
    border-top:1px solid #EE0000!important;  /*เส้นขอบบน*/
    border-bottom:1px solid #EE0000!important; /*เส้นขอบล่าง*/
    border-left:1px solid #EE0000!important;  /*เส้นขอบซ้าย*/
    border-right:1px solid #EE0000!important;  /*เส้นขอบขวา*/
    }
    /***เมนูย่อยที่เลื่อนลงมาจากทูลบาร์***/
    .score.new,.score.new i,.score.new span,
    .score.down,.score.down i,.score.down span,
    .score.steady,.score.up,.score.steady i,.score.up i,
    .steady span,.up span,.ordinary-content,
    .lookback,.seemore,.board-list,.submenu-home,
    .submenu-leftside,.submenu-main,.service,
    .dropdown-panel,.popup-panel{
    background:#B5B5B5!important;  /*(สำคัญ)ไม่จำเป็นต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
    border:none!important;
    }
     
    /*ไอคอนเมนูย่อยของหน้าแรก*/
    .submenu-home i{
    color:#EE0000!important;
    background:#fff!important; /*พื้นหลังกลมๆ รอบไอคอน*/
    border:none!important;
    }
     
    /*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/
    /*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/
    .board-list a{
    background:#B5B5B5!important;
    border-top:1px dashed #B5B5B5!important;  /*เส้นขอบบน*/
    border-bottom:1px dashed #B5B5B5!important; /*เส้นขอบล่าง*/
    border-left:1px dashed #B5B5B5!important;  /*เส้นขอบซ้าย*/
    border-right:1px dashed #B5B5B5!important;  /*เส้นขอบขวา*/
    }
    /*ไอคอนในเมนูบอร์ดเวลาเม้าส์ชี้*/
    .board-list a:hover{
    color:#EE0000!important; /*สีของไอคอนเวลาเม้าส์ชี้*/
    background:#B5B5B5!important; /*สีของพื้นหลังเวลาเม้าส์ชี้*/
    border-top:1px solid #B5B5B5!important;  /*เส้นขอบบน*/
    border-bottom:1px solid #B5B5B5!important; /*เส้นขอบล่าง*/
    border-left:1px solid #B5B5B5!important;  /*เส้นขอบซ้าย*/
    border-right:1px solid #B5B5B5!important;  /*เส้นขอบขวา*/
    padding:0px!important; /*ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
    font-weight:normal!important; /*ความหนาของอักษร ให้เป็นแบบเดิม
    ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
    }
     
    /*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/
    .submit{
    background:#fff!important;
    color:#EE0000!important;
    }
    /*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/
    .screen-msg{border-bottom:1px dashed #EE0000!important;
    }
    /**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/
    a.box06_link{border-top:1px groove #EE0000!important;
    }
    /*ลบพื้นหลัง ขอบ และเงาส่วนเกินที่ทำให้แถบที่เลื่อนลงมาไม่สวย*/
    div>div>div {background:none!important;}
    .wrap-image{border:none!important;}
    .notifications .user-main>a{border:none!important;}
    .gotpromo{background:none!important;box-shadow:none!important;}
    .submit{box-shadow:none!important;}
    .board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,
    .board-hot,.ordinary-content,.board-main,.gamelist,
    .recommend{border:none!important;}
    li,.service-sms,.search{background:none!important;border:none!important;}
    .select,li{-webkit-box-shadow:none!important;}
     
    /*ลบพื้นหลังสีเหลืองของแบนเนอร์โฆษณาเหนือชื่อบทความ*/
    div>div>div {background:none!important;
    }
    /***ส่วนที่อยู่ในตอนย่อย***/
    ul.bigsize li span{
    border-right:2px ridge #000;  /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/
    }
    ul.bigsize li a{background:none!important; } /*ลบไอคอนบวก-ลบ ตรงเพิ่มลดขนาดอักษร*/
    ul.next li a.next_color01{margin:0px;} /*ลบระยะห่างของแถบคำสั่งตอนก่อนหน้า ฯลฯ
    เวลาชี้เม้าส์จะได้ไม่เลื่อนจนตกบรรทัด*/
    ul.next li a{
    background:none!important; /*ลบพวกไอคอนลูกษรของแถบคำสั่งตอนก่อนหน้า ฯลฯ*/
    border-right:1px ridge #000;  /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/
    font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ
    เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/
    }
    ul.bigsize li a:hover, /*ตรงนี้เป็นโค้ดของตรงที่ปรับขนาดอักษร*/
    ul.next li a:hover{ background:#B5B5B5!important; 
    }
    /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/
    .big_next1{  /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/
    width:835px!important;  /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/
    border-top:1px ridge #000!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/
    }
    .big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/
    width:835px!important;
    border-bottom:1px ridge #000!important;  /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/
    }
    /*กล่อง Vote ให้คะแนนตอนนี้*/
    .vote_box{
    background:#B5B5B5!important;
    border:1px solid #000!important;
    }
     
    .select-style{
    border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
    border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
    border-right:1px dashed #000!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
    border-bottom:1px dashed #000!important; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
    }
    /*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน
    จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/
     
    /*ปุ่มส่งคะแนน*/
    .vote_box3{
    width:50px!important; /*ปรับความยาวของปุ่ม*/
    font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/
    }
    .vote_box3{
    /*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว
    ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/
    background:#fff!important; /*พื้นหลังของปุ่ม*/
    border:1px dashed #EE0000!important; /*เส้นขอบ ของปุ่ม*/
    }
    .vote_box3:hover{
    background:#EE0000!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/
    border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม  เวลาเม้าส์ชี้*/
    }
    .vote_box2{margin-left:5px!important;}  /*ปรับไว้ไม่ให้เวลาชี้ปุ่มส่งคะแนน แล้วมันเลื่อนตกบรรทัด*/
     
    </style>
     
    <style type="text/css" name="delete">
    /***ลบบางอย่างออกไป***/
    #head{display:none!important;} /*ลบแถบ Writer เหนือชื่อบทความ*/
    #sec-head,.banner_menu,.menulist{display:none!important;} /*ลบหมวดนิยายเหนือแถบ Writer*/
    #google_ads_comment1{display:none!important;} /*ลบโฆษณาที่แทรกระหว่างคอมเม้นท์*/
    p>a>img{display:none!important;} /*ลบแบนเนอร์นิยายใต้กล่องคอมเม้นท์*/
    .app-footer{display:none!important;} /*ลบข้อตกลง/เงื่อนไขการใช้งาน*/
    .accord-big{display:none!important;} /*ลบแถบเด็กดี Copyright ล่างสุดของบทความ*/
    .box01{display:none!important;}  /*ลบแถบค้นหาบทความใต้รายชื่อตอนย่อย*/
    </style><div style="position: fixed;bottom:10px;right:30px;color:#000000;background:#ffffff !important;border:dashed 1px #000000!important;padding:5px;text-decoration: none;" target="_blank" title="CLICK!">
    <a href="http://sdadfasd" target="_blank">THEMMY CANDY</a></div>
     




    FREE! CODEMOUSE
     
    <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth632.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/04/01/free-lines-precision-select.html" target="_blank" title="Free Lines - Precision Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Free Lines - Precision Select" style="position:absolute; top: 0px; right: 0px;" /></a>
    <script type="text/javascript">
    // <![CDATA[
    var colours=new Array("#ใส่โค้ดสี", "#ใส่โค้ดสี", "#ใส่โค้ดสี", "#ใส่โค้ดสี", "#ใส่โค้ดสี"); 
    var bubbles=120;
     
    /****************************
    * JavaScript Bubble Cursor  *
    * (c) 2010 mf2fm web-design *
    *  http://www.mf2fm.com/rv  *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
     
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var bubb=new Array();
    var bubbx=new Array();
    var bubby=new Array();
    var bubbs=new Array();
     
    window.onload=function() { if (document.getElementById) {
      var rats, div;
      for (var i=0; i<bubbles; i++) {
        rats=createDiv("3px", "3px");
    rats.style.visibility="hidden";
     
    div=createDiv("auto", "auto");
        rats.appendChild(div);
    div=div.style;
        div.top="1px";
        div.left="0px";
    div.bottom="1px";
    div.right="0px";
    div.borderLeft="1px solid "+colours[3];
    div.borderRight="1px solid "+colours[1];
     
        div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
        div.top="0px";
        div.left="1px";
    div.right="1px";
    div.bottom="0px"
    div.borderTop="1px solid "+colours[0];
    div.borderBottom="1px solid "+colours[2];
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.left="1px";
    div.right="1px";
        div.bottom="1px";
    div.top="1px";
    div.backgroundColor=colours[4];
    div.opacity=0.5;
    if (document.all) div.filter="alpha(opacity=50)";
     
        document.body.appendChild(rats);
    bubb[i]=rats.style;
      }
      set_scroll();
      set_width();
      bubble();
    }}
     
     
     
    function bubble() {
      var c;
      if (x!=ox || y!=oy) {
        ox=x;
        oy=y;
        for (c=0; c<bubbles; c++) if (!bubby[c]) {
          bubb[c].left=(bubbx[c]=x)+"px";
          bubb[c].top=(bubby[c]=y)+"px";
          bubb[c].width="3px";
     bubb[c].height="3px"
     bubb[c].visibility="visible";
     bubbs[c]=3;
          break;
    }
      }
      for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
      setTimeout("bubble()", 40);
    }
     
    function update_bubb(i) {
      if (bubby[i]) {
        bubby[i]-=bubbs[i]/2+i%2;
        bubbx[i]+=(i%5-2)/5;
        if (bubby[i]>sdown && bubbx[i]>0) {
     if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
    bubb[i].width=bubbs[i]+"px";
    bubb[i].height=bubbs[i]+"px";
     }
          bubb[i].top=bubby[i]+"px";
          bubb[i].left=bubbx[i]+"px";
        }
        else {
          bubb[i].visibility="hidden";
          bubby[i]=0;
          return;
        }
      }
    }
     
    document.onmousemove=mouse;
    function mouse(e) {
      set_scroll();
      y=(e)?e.pageY:event.y+sleft;
      x=(e)?e.pageX:event.x+sdown; }
     
    window.onresize=set_width;
    function set_width() {
      if (document.documentElement && document.documentElement.clientWidth) {
        swide=document.documentElement.clientWidth;
        shigh=document.documentElement.clientHeight;
      }
      else if (typeof(self.innerHeight)=="number") {
        swide=self.innerWidth;
        shigh=self.innerHeight;
      }
      else if (document.body.clientWidth) {
        swide=document.body.clientWidth;
        shigh=document.body.clientHeight;
      }
      else {
        swide=800;
    shigh=600;
      }
    }
     
    window.onscroll=set_scroll;
    function set_scroll() {
      if (typeof(self.pageYOffset)=="number") {
        sdown=self.pageYOffset;
        sleft=self.pageXOffset;
      }
      else if (document.body.scrollTop || document.body.scrollLeft) {
        sdown=document.body.scrollTop;
        sleft=document.body.scrollLeft;
      }
      else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
        sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
      }
      else {
        sdown=0;
        sleft=0;
      }
    }
     
    function createDiv(height, width) {
      var div=document.createElement("div");
      div.style.position="absolute";
      div.style.height=height;
      div.style.width=width;
      div.style.overflow="hidden";
      return (div);
    }
    // ]]>
    </script>






    -เอาธีมไปใช้แปะเครดิตหรือแบนเนอร์ด้วยนะคะ

    -ถ้าไม่แปะเครดิตหรือแบนเนอร์ก็อย่าลบเครดิตออก

    -เม้นท์สักนิดก่อนยืมนะคะ

    -แอดแฟบหรือโหวตได้ค่ะ

    ธีมเราไม่สวย แต่ทำด้วยใจนะคะ ฮิ้วววว
     



    BANNER
    THEMMY CANDY
    Free Lines - Precision Select
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×