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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    w i t h B THEME V.2

    ลำดับตอนที่ #1 : ❀ w i t h B ✿ P!nk & GreeN

    • อัปเดตล่าสุด 23 เม.ย. 60


    P!nk & GreeN




    กฎ
    - จะนำไปใช้ต้องเม้น
    - ห้ามลบเครดิตในธีม

    w i t h B Banner

    วิธีใช้
    กด Ctrl + A แล้ว Ctrl + C ไม่งั้นโค้ดจะมาไม่ครบค่ะ
    ใส่เนื้อหาให้หมดก่อนค่อยใส่โค้ดนะคะ

    GET CODE HERE!

    <div style="position: fixed;bottom:10px;right:30px;color:#000000;background:none!important;border:none!important;padding:5px;text-decoration: none;" target="_blank" title="CLICK!">
    <a href="https://writer.dek-d.com/dek-d/writer/view.php?id=1616452" target="_blank">? w i t h B ?</a></div>
    <style type="text/css">
    .banner_top_mobile{display:none!important;}
    </style>
    <style type="text/css" name="w i t h B">
    /***พื้นหลัง-หลัก ของบทความ***/
    body{ background:#a9f2e3!important; /*ถ้าอยากใส่เป็นสี background:#ใส่โค้ดสี!important;*/
    background-repeat:repeat;
    background-position:center!important;
    background-attachment:fixed!important; }
    /***พื้นหลัง-รอง ของบทความ***/
    div#main.clear{
    background:none!important; }
    /***พื้นหลังของเนื้อหา***/
    .writer-section-body,.publishWrap,.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:#ffbacb!important;
    border:none;
    padding-top: 30px; /*ความห่างของขอบด้านบนกับชื่อ*/
    padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/ }
    p#big_text{
    color:#FFF!important;
    font-family:tahoma;
    font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/
    /*ถ้าอยากได้ขอบโค้งสวยๆ*/
    border-radius: 50px 50px 0px 0px; } /*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    /***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/
    h2,.box04_head{
    background:#ffbacb!important; /*พื้นหลังของเฮดย่อย*/ }
    h2.box02,.box04_head2,.box04_head{
    border:none!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,.comment-order,.icon-mail,.icon-ip,
    .comment-tabbable .comment-tabs .active button{
    color:#382828!important; }
    li{font-size:12px;}
    h3>span{  
    /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/ color:#382828!important; }
    /*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/ .comment-order{font-size:30px!important; }
    /***บิ๊กเฮดใต้ชื่อบทความ***/
    /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ P.vote_m{
    color:#382828!important;
    border-right:1px dashed #e0e0e0!important; }
    /*ลบรูปดาวสีส้มหน้าประเภทนิยาย แท๊ก ผู้แต่งฯ */
    ul.name_story li p{
    background:none!important;}
    /*ปุ่ม Vote กับ Report*/
    div>a.review,div>a.name_sb01,div.name_storybox>a{ 
    color:#281616!important;
    background:#a9f2e3!important;
    border:1px dashed #ffadcb!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:#ffbacb!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:#a9f2e3!important;
    border:none!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:#ffbacb!important;
    border:none!important; }
    /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/
    .big_fb{
    border-top:1px dashed #e0e0e0!important; }
    .b_fb_l_font01, .box_facebook-right01{
    border-left:1px dashed #e0e0e0!important; }
    /**ไอคอนรูปตา**/
    .story-action-wrapper>.actionbutton.-disabled>.staticon{
    color:#FFF!important;
    }
    .story-action-wrapper>.actionbutton.-disabled{
    background:#a9f2e3!important;
    border:none!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 #ffbacb!important; /*ขอบรอบคอมเม้นท์*/
    -webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/ }
    /*ฐานคอมเม้นท์*/
    .comment-action:before{background:none!important;}
    .comment-action{
    background:#ffbacb!important;
    border-radius:0px 0px 20px 20px!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:#a9f2e3!important; }
    /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/
    /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/
    button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/
    button{ color:#382828!important; /*สีของเมนูแต่ละรายการ*/
    background:#a9f2e3!important;border:none!important; /*พื้นหลังของเมนู*/
    border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    button:hover{
    color:#FFF!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/
    background:#ffbacb!important;border:none!important;  /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    /***อวาตาร์ของคนคอมเม้นท์***/
    .avatar{ border-radius:0% 40% 0% 40%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/ /*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    background:#ffbacb!important;
    border:3px solid #ff93ac!important;
    padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
    /*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/ }
    .avatar:hover{
    -webkit-transform:rotate(0deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/
    border-radius:40% 0% 40% 0%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*//*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    background:#a9f2e3!important;
    border:3px solid #52eac9!important;
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } 
    /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],
    .user-pic-comment{ width:70px; /*ปรับขนาดความกว้าง*/
    height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/
    border-radius:0% 50% 0% 50%!important; /*ความโค้งของรูปอวาตาร์*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    img[src*='/1/newtoon/']:hover,
    .user-pic-comment:hover{
    border-radius:50% 0% 50% 0%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*//*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    /***กล่องพิมพ์คอมเม้นท์***/
    span.cke_skin_kama{
    background:#FFF!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/
    border-radius:0px 0px 0px 0px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/ /*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    border:1px dashed #ffbacb!important;
    padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    .cke_skin_kama .cke_wrapper{
    background:#ffbacb!important; /*สีของตัวกล่องคอมเม้นท์*/
    border-radius:0px 0px 0px 0px; /*ความโค้งของกล่องด้านใน*/ /*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/
    border:1px solid #ff93ac!important; /*ติดกับพื้นหลังกล่อง*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    span.cke_skin_kama:hover{ /*ใส่สไตล์ของพื้นหลังกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    .cke_skin_kama .cke_wrapper:hover{ /*ใส่สไตล์ของพื้นตัวกล่องที่อยากให้เปลี่ยนตอนเมาส์ชี้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    /***ปุ่มส่งความเห็น***/
    .cm-box-area .comment-submit{
    border:none!important; }
    .cm-box-area .comment-submit:hover{
    border:none!important; }
    .btn-orange{ width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/
    padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/
    background:#ffbacb!important; /*พื้นหลังของปุ่ม*/
    color:#FFF!important; /*สีของชื่อปุ่ม*/
    text-shadow:none!important; /*ลบเงาของชื่อปุ่ม*/
    -webkit-box-shadow:none!important; /*ลบเงาที่ทำให้ปุ่มดูมีมิติขึ้นมา*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    .btn-orange:hover{
    background:#a9f2e3!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/
    color:#FFF!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/
    -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
    -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
    /***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/
    input:hover , select:hover , textarea:hover {
    color:#382828!important;
    background:#FFF!important;
    border-top:1px solid #ffbacb!important;  /*เส้นขอบบน*/
    border-bottom:1px solid #ffbacb!important; /*เส้นขอบล่าง*/
    border-left:1px solid #ffbacb!important;  /*เส้นขอบซ้าย*/
    border-right:1px solid #ffbacb!important;  /*เส้นขอบขวา*/
    font-family:tahoma; /*ลักษณะฟ้อนต์*/
    -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:#a9f2e3!important; color:#FFF!important; }  *::-moz-selection{
    /*สำหรับ browser firefox*/ background:#a9f2e3!important; color:#FFF!important; }  *::-webkit-selection{
    /*สำหรับ browser chrome*/ background:#a9f2e3!important; color:#FFF!important; }
    /******ลิ้งค์สไตล์******/ 
    a:link { 
    color:#382828;  /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/
    text-decoration:none!important;   /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/
    -webkit-transition:2s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ 
    -moz-transition:2s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/  }
    a:active,a:visited{ 
    color:#544040!important; /*สีของลิ้งค์ที่เคยชี้ไปแล้ว สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์ สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/ 
    text-decoration:none!important;  }
    a:hover{
    color:#3fbfa1!important; /*สีของลิ้งค์เวลาเม้าส์ชี้*/ 
    background:#a9f2e3!important; /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/ 
    background-repeat:no-repeat!important; /*สำหรับพื้นหลังที่เป็นรูปภาพ no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน repeat คือ แสดงภาพซ้ำๆ ต่อกัน */  
    border-radius:10px 10px 10px 10px; /*ขอบโค้ง ปรับค่าได้ตามชอบ*//*ตำแหน่งความโค้งคือ บนซ้าย บนขวา ล่างขวา ล่างซ้าย*/ 
    border-top:none!important; /*เส้นขอบบน*/ 
    border-bottom:none!important; /*เส้นขอบล่าง*/ 
    border-left:3px solid #4aceaf!important; /*เส้นขอบซ้าย*/ 
    border-right:3px solid #4aceaf!important; /*เส้นขอบขวา*/ 
    -webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ 
    -moz-transition:1s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/  }
    /***ส่วนที่อยู่ในตอนย่อย***/
    ul.bigsize li span{ border-right:1px dashed #e0e0e0;  /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/ }
    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 dashed #e0e0e0;  /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/
    font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/
    ul.bigsize li a:hover, /*ตรงนี้เป็นโค้ดของตรงที่ปรับขนาดอักษร*/
    ul.next li a:hover{ background:#ffbacb!important; } }
    /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ .big_next1{ 
    /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/ width:835px!important; /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/
    border-top:1px dashed #ffbacb!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/ }
    .big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/
    width:835px!important;
    border-bottom:1px dashed #ffbacb!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/ }
    /*กล่อง Vote ให้คะแนนตอนนี้*/
    .vote_box{ background:#ffbacb!important;
    border:1px solid #ff93ac!important; } 
    .select-style{ border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
    border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
    border-right:1px dashed #ff93ac!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
    border-bottom:1px dashed #ff93acimportant; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/ }
    /*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/ 
    /*ปุ่มส่งคะแนน*/ .vote_box3{
    width:50px!important; /*ปรับความยาวของปุ่ม*/
    font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/ }
    .vote_box3{ /*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/
    background:#ffbacb!important; /*พื้นหลังของปุ่ม*/
    border:1px dashed #ff93ac!important; /*เส้นขอบ ของปุ่ม*/ }
    .vote_box3:hover{
    background:#a9f2e3!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/
    border:1px dashed #4aceaf!important; /*เส้นขอบ ของปุ่ม  เวลาเม้าส์ชี้*/ }
    .vote_box2{margin-left:5px!important;}  /*ปรับไว้ไม่ให้เวลาชี้ปุ่มส่งคะแนน แล้วมันเลื่อนตกบรรทัด*/
    /**สีพื้นหลังทูลบาร์**/
    .toolbar,
    .toolbar-container{
    background:#ffbacb!important;
    text-shadow:none!important;
    box-shadow:0 .1em .1em #ff93ac!important;
    }
    /**สีของไอคอนในซับเมนูกับลิ้งก์**/
    .toolbar-submenu-item .tb-icon-submenu,
    .icon-fa-smile,.toolbar-submenu-item span{
    color:#382828!important; 
    }
    /**สีตอนชี้ลิ้งก์ในซับเมนู**/
    a, .toolbar-submenu-item:hover span{
    color:#3fbfa1!important;
    }
    /**ความยาวของช่องค้นหาตรงแว่นขยาย ปรับเลขได้**/
    .toolbar-input{
    width:200px!important;
    }
    /**ปุ่มค้นหาตรงแว่นขยาย**/
    .tb-btn-orange{ 
    border: solid 1px #ffbacb!important;
    background: #ffbacb!important;
    border-radius:5px!important;
    box-shadow: none!important;text-shadow: none!important;
    }
    /**ปุ่มค้นหาเวลาเม้าส์ชี้**/
    .tb-btn-orange:hover{
    color:#ใส่โค้ดสีอักษร!important;
    background:#ใส่โค้ดสีพื้นหลัง!important;
    } /**ไอคอนลิ้งก์เด็กดี**/
    .tb-logo{
    background-image: url( http://image.dek-d.com/27/0120/9186/120490984 )!important;
    }
    .tb-logo:hover{
    background-image:url( http://image.dek-d.com/27/0120/9186/120490984 )!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    }
    /**ลบเงาและเส้นต่างๆ ภายในทูลบาร์**/
    .toolbar-container{box-shadow:none!important;border:none!important;}
    .toolbar-user-menu{box-shadow:none!important;border:none!important;}
    img.tb-user-thumb{border:none!important;box-shadow:none!important;}
    div>div>div { background:none!important; }
    .toolbar-menu-item{
    box-shadow:none!important;border-right:none!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>

    ? w i t h B ?
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×