ลำดับตอนที่ #10
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #10 : ❀ w i t h B ✿ Blue Road
Blue Road
กฏ
- จะนำไปใช้ต้องเม้น
- ห้ามลบเครดิตในธีม
วิธีใช้
กด Ctrl + A แล้ว Ctrl + C
ถ้าของใครที่ทำแบบนี้แล้วมันคลุมทั้งหน้าก็ใช้วิธีดับเบิ้ลคลิกโค้ดได้เลยนะ
แนะนำให้ใส่เนื้อหาก่อนเนอะแล้วค่อยใส่ธีม
Get Code Here
<div title="CLICK!" style="position: fixed;bottom:10px;right:30px;color:#000000;background:none!important;border:none!important;padding:5px;text-decoration: none;" target="_blank"> <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:url(https://wallpaperscraft.com/image/japan_street_datsun_night_rain_104684_1920x1080.jpg1 )!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:#000033!important; border:none; padding-top: 15px; /*ความห่างของขอบด้านบนกับชื่อ*/ padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/ } p#big_text{ color:#FFF!important; font-family: Bodoni MT Condensed; font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/ }
/***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/ h2,.box04_head{ background:#000033!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:#000033!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:#000033!important; } li{font-size:12px;} h3>span{ /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/ color:#000033!important; } /*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/ .comment-order{font-size:30px!important; }
/***บิ๊กเฮดใต้ชื่อบทความ***/ /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ P.vote_m{ color:#000033!important; border-right:none!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:#000033!important; border:none!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:#66CCCC!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:#000033!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:#66CCCC!important; border:none!important; }
/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:none!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:none!important; }
/**ไอคอนรูปตา**/
.story-action-wrapper>.actionbutton.-disabled>.staticon{
color:#FFF!important; }
.story-action-wrapper>.actionbutton.-disabled{
background:#000033!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:#ใส่โค้ดสี!important; /*พื้นหลังคอมเม้นท์*/ border:1px solid #ใส่โค้ดสี!important; /*ขอบรอบคอมเม้นท์*/ -webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/ } /*ฐานคอมเม้นท์*/ .comment-action:before{background:none!important;} .comment-action{ background:#ใส่โค้ดสีพื้นหลัง!important; border-radius:0px 0px 0px 0px!important; /*ความโค้งของฐาน*/ } .arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/ .cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/
/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/ .icon-setting,.btn-social i{ color:#ใส่โค้ดสีของไอคอน!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#ใส่โค้ดสีของไอคอนตอนเม้าส์ชี้!important; } /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/ button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/ button{ color:#ใส่โค้ดสี!important; /*สีของเมนูแต่ละรายการ*/ background:#ใส่โค้ดสี!important;border:none!important; /*พื้นหลังของเมนู*/ border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } button:hover{ color:#ใส่โค้ดสี!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/ background:#ใส่โค้ดสี!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
/***อวาตาร์ของคนคอมเม้นท์***/ .avatar{ border-radius:50% 50% 50% 50%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/ background:#FFF!important; border:1px solid #000033!important; padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ /*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/ } .avatar:hover{ -webkit-transform:rotate(360deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/ border-radius:50% 50% 10% 50%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/ background:#FFF!important; border:1px solid #66CCCC!important; -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],.user-pic-comment{ width:70px; /*ปรับขนาดความกว้าง*/ height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/ border-radius:50% 50% 50% 50%!important; /*ความโค้งของรูปอวาตาร์*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ border-radius:50% 50% 10% 50%!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 #000033 important; padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } .cke_skin_kama .cke_wrapper{ background:#000033!important; /*สีของตัวกล่องคอมเม้นท์*/ border-radius:0px 0px 0px 0px; /*ความโค้งของกล่องด้านใน*/ border:1px solid #66CCCC!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:1px solid #66CCCC!important; } .cm-box-area .comment-submit:hover{ border:1px solid #66CCCC!important; } .btn-orange{ width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/ padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/ background:#000033!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:#FFF!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/ color:#000033!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/ input,select,textarea{ color:#000033!important; background:#FFF!important; border-top:1px solid #66CCCC!important; /*เส้นขอบบน*/ border-bottom:1px solid #66CCCC!important; /*เส้นขอบล่าง*/ border-left:1px solid #66CCCC!important; /*เส้นขอบซ้าย*/ border-right:1px solid #66CCCC!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:#66CCCC!important; color:#FFF!important; } *::-moz-selection{ /*สำหรับ browser firefox*/ background:#66CCCC!important; color:#FFF!important; } *::-webkit-selection{ /*สำหรับ browser chrome*/ background:#66CCCC!important; color:#FFF!important; }
/******ลิ้งค์สไตล์******/ a:link{ color:#000033; /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/ text-decoration:none!important; /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/ -webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ -moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/ } a:active,a:visited{ color:#04044c!important; /*สีของลิ้งค์ที่เคยชี้ไปแล้ว สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์ สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/ text-decoration:none!important; } a:hover{ color:#FFF!important; /*สีของลิ้งค์เวลาเม้าส์ชี้*/ background:#66CCCC!important; /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/ background-repeat:no-repeat!important; /*สำหรับพื้นหลังที่เป็นรูปภาพ no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน repeat คือ แสดงภาพซ้ำๆ ต่อกัน */ border-radius:5px 5px 5px 5px; /*ขอบโค้ง ปรับค่าได้ตามชอบ*/ border-top:none!important; /*เส้นขอบบน*/ border-bottom:1px dashed #000033!important; /*เส้นขอบล่าง*/ border-left:10px solid #000033!important; /*เส้นขอบซ้าย*/ border-right:none!important; /*เส้นขอบขวา*/ -webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ -moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/ }
ul.next a:hover{background:#66CCCC!important; /*สีพื้นหลังเวลาชี้*//*ลิ้งในตอนย่อย*/
color:#FFF!important; /*สีตัวอักษรเวลาชี้*/
border-left:solid 8px #eeeeee;/*สีพื้นหลังที่ออกมาข้างหน้า*/ border-radius: 3px; /*ความโค้งของพื้นหลัง*/ -webkit-transition: 0.8s;-moz-transition:0.8s; }
/*****>>>ทูลบาร์<<<*****/
/**สีพื้นหลังทูลบาร์**/ .toolbar, .toolbar-container{
background:#FFF!important;
text-shadow:none!important;
box-shadow:0 .1em .1em #000033!important; }
/**สีของไอคอนในซับเมนูกับลิ้งก์**/ .toolbar-submenu-item .tb-icon-submenu,
.icon-fa-smile,.toolbar-submenu-item span{ color:#000033!important; }
/**สีตอนชี้ลิ้งก์ในซับเมนู**/
a, .toolbar-submenu-item:hover span{ color:#000033!important; }
/**ความยาวของช่องค้นหาตรงแว่นขยาย ปรับเลขได้**/
.toolbar-input{ width:200px!important; }
/**ปุ่มค้นหาตรงแว่นขยาย**/.tb-btn-orange{ border: solid 1px #000033!important;
background: #FFF!important; border-radius:5px!important;
box-shadow: none!important;text-shadow: none!important; }
/**ปุ่มค้นหาเวลาเม้าส์ชี้**/
.tb-btn-orange:hover{ color:#FFF!important;background:#000033!important;border:#66CCCC!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;}
/***ส่วนที่อยู่ในตอนย่อย***/ ul.bigsize li span{ border-right:none; /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/ } ul.bigsize li a{background:none!important; } /*ลบไอคอนบวก-ลบ ตรงเพิ่มลดขนาดอักษร*/ ul.next li a.next_color01{margin:0px;} /*ลบระยะห่างของแถบคำสั่งตอนก่อนหน้า ฯลฯ เวลาชี้เม้าส์จะได้ไม่เลื่อนจนตกบรรทัด*/ ul.next li a{ background:none!important; /*ลบพวกไอคอนลูกษรของแถบคำสั่งตอนก่อนหน้า ฯลฯ*/ border-right:none; /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/ font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/ } /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ .big_next1{ /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/ width:835px!important; /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/ border-top:none!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/ } .big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/ width:835px!important; border-bottom:none!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/ }
/*กล่อง Vote ให้คะแนนตอนนี้*/ .vote_box{ background:#FFF!important; border:1px solid #000033!important; } .select-style{ border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/ border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/ border-right:1px solid #66CCCC!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/ border-bottom:1px solid #66CCCC!important; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/ } /*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/ /*ปุ่มส่งคะแนน*/ .vote_box3{ width:50px!important; /*ปรับความยาวของปุ่ม*/ font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/ } .vote_box3{ /*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/ color:#FFF!important;background:#000033!important; /*พื้นหลังของปุ่ม*/ border:1px solid #66CCCC!important; /*เส้นขอบ ของปุ่ม*/ } .vote_box3:hover{ background:#FFF!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/ border:1px dashed #66CCCC!important; color:#000033!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><style type="text/css">/*ลบอ่านตอนนี้เลย*/.action-view-link .call-to-action {display: none;} /*betting-bet*/</style><style type="text/css">#content_name img {border:none !important;} /* ลบกรอบสีดำรอบๆอวาต้า*/</style>
<style type="text/css" name="w i t h B">
/***พื้นหลัง-หลัก ของบทความ***/ body{ background:url(https://wallpaperscraft.com/image/japan_street_datsun_night_rain_104684_1920x1080.jpg1 )!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:#000033!important; border:none; padding-top: 15px; /*ความห่างของขอบด้านบนกับชื่อ*/ padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/ } p#big_text{ color:#FFF!important; font-family: Bodoni MT Condensed; font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/ }
/***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/ h2,.box04_head{ background:#000033!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:#000033!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:#000033!important; } li{font-size:12px;} h3>span{ /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/ color:#000033!important; } /*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/ .comment-order{font-size:30px!important; }
/***บิ๊กเฮดใต้ชื่อบทความ***/ /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ P.vote_m{ color:#000033!important; border-right:none!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:#000033!important; border:none!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:#66CCCC!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:#000033!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:#66CCCC!important; border:none!important; }
/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:none!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:none!important; }
/**ไอคอนรูปตา**/
.story-action-wrapper>.actionbutton.-disabled>.staticon{
color:#FFF!important; }
.story-action-wrapper>.actionbutton.-disabled{
background:#000033!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:#ใส่โค้ดสี!important; /*พื้นหลังคอมเม้นท์*/ border:1px solid #ใส่โค้ดสี!important; /*ขอบรอบคอมเม้นท์*/ -webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/ } /*ฐานคอมเม้นท์*/ .comment-action:before{background:none!important;} .comment-action{ background:#ใส่โค้ดสีพื้นหลัง!important; border-radius:0px 0px 0px 0px!important; /*ความโค้งของฐาน*/ } .arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/ .cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/
/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/ .icon-setting,.btn-social i{ color:#ใส่โค้ดสีของไอคอน!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#ใส่โค้ดสีของไอคอนตอนเม้าส์ชี้!important; } /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/ button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/ button{ color:#ใส่โค้ดสี!important; /*สีของเมนูแต่ละรายการ*/ background:#ใส่โค้ดสี!important;border:none!important; /*พื้นหลังของเมนู*/ border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } button:hover{ color:#ใส่โค้ดสี!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/ background:#ใส่โค้ดสี!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
/***อวาตาร์ของคนคอมเม้นท์***/ .avatar{ border-radius:50% 50% 50% 50%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/ background:#FFF!important; border:1px solid #000033!important; padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ /*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/ } .avatar:hover{ -webkit-transform:rotate(360deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/ border-radius:50% 50% 10% 50%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/ background:#FFF!important; border:1px solid #66CCCC!important; -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],.user-pic-comment{ width:70px; /*ปรับขนาดความกว้าง*/ height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/ border-radius:50% 50% 50% 50%!important; /*ความโค้งของรูปอวาตาร์*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ border-radius:50% 50% 10% 50%!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 #000033 important; padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } .cke_skin_kama .cke_wrapper{ background:#000033!important; /*สีของตัวกล่องคอมเม้นท์*/ border-radius:0px 0px 0px 0px; /*ความโค้งของกล่องด้านใน*/ border:1px solid #66CCCC!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:1px solid #66CCCC!important; } .cm-box-area .comment-submit:hover{ border:1px solid #66CCCC!important; } .btn-orange{ width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/ padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/ background:#000033!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:#FFF!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/ color:#000033!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }
/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/ input,select,textarea{ color:#000033!important; background:#FFF!important; border-top:1px solid #66CCCC!important; /*เส้นขอบบน*/ border-bottom:1px solid #66CCCC!important; /*เส้นขอบล่าง*/ border-left:1px solid #66CCCC!important; /*เส้นขอบซ้าย*/ border-right:1px solid #66CCCC!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:#66CCCC!important; color:#FFF!important; } *::-moz-selection{ /*สำหรับ browser firefox*/ background:#66CCCC!important; color:#FFF!important; } *::-webkit-selection{ /*สำหรับ browser chrome*/ background:#66CCCC!important; color:#FFF!important; }
/******ลิ้งค์สไตล์******/ a:link{ color:#000033; /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/ text-decoration:none!important; /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/ -webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ -moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/ } a:active,a:visited{ color:#04044c!important; /*สีของลิ้งค์ที่เคยชี้ไปแล้ว สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์ สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/ text-decoration:none!important; } a:hover{ color:#FFF!important; /*สีของลิ้งค์เวลาเม้าส์ชี้*/ background:#66CCCC!important; /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/ background-repeat:no-repeat!important; /*สำหรับพื้นหลังที่เป็นรูปภาพ no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน repeat คือ แสดงภาพซ้ำๆ ต่อกัน */ border-radius:5px 5px 5px 5px; /*ขอบโค้ง ปรับค่าได้ตามชอบ*/ border-top:none!important; /*เส้นขอบบน*/ border-bottom:1px dashed #000033!important; /*เส้นขอบล่าง*/ border-left:10px solid #000033!important; /*เส้นขอบซ้าย*/ border-right:none!important; /*เส้นขอบขวา*/ -webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/ -moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/ }
ul.next a:hover{background:#66CCCC!important; /*สีพื้นหลังเวลาชี้*//*ลิ้งในตอนย่อย*/
color:#FFF!important; /*สีตัวอักษรเวลาชี้*/
border-left:solid 8px #eeeeee;/*สีพื้นหลังที่ออกมาข้างหน้า*/ border-radius: 3px; /*ความโค้งของพื้นหลัง*/ -webkit-transition: 0.8s;-moz-transition:0.8s; }
/*****>>>ทูลบาร์<<<*****/
/**สีพื้นหลังทูลบาร์**/ .toolbar, .toolbar-container{
background:#FFF!important;
text-shadow:none!important;
box-shadow:0 .1em .1em #000033!important; }
/**สีของไอคอนในซับเมนูกับลิ้งก์**/ .toolbar-submenu-item .tb-icon-submenu,
.icon-fa-smile,.toolbar-submenu-item span{ color:#000033!important; }
/**สีตอนชี้ลิ้งก์ในซับเมนู**/
a, .toolbar-submenu-item:hover span{ color:#000033!important; }
/**ความยาวของช่องค้นหาตรงแว่นขยาย ปรับเลขได้**/
.toolbar-input{ width:200px!important; }
/**ปุ่มค้นหาตรงแว่นขยาย**/.tb-btn-orange{ border: solid 1px #000033!important;
background: #FFF!important; border-radius:5px!important;
box-shadow: none!important;text-shadow: none!important; }
/**ปุ่มค้นหาเวลาเม้าส์ชี้**/
.tb-btn-orange:hover{ color:#FFF!important;background:#000033!important;border:#66CCCC!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;}
/***ส่วนที่อยู่ในตอนย่อย***/ ul.bigsize li span{ border-right:none; /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/ } ul.bigsize li a{background:none!important; } /*ลบไอคอนบวก-ลบ ตรงเพิ่มลดขนาดอักษร*/ ul.next li a.next_color01{margin:0px;} /*ลบระยะห่างของแถบคำสั่งตอนก่อนหน้า ฯลฯ เวลาชี้เม้าส์จะได้ไม่เลื่อนจนตกบรรทัด*/ ul.next li a{ background:none!important; /*ลบพวกไอคอนลูกษรของแถบคำสั่งตอนก่อนหน้า ฯลฯ*/ border-right:none; /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/ font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/ } /*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ .big_next1{ /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/ width:835px!important; /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/ border-top:none!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/ } .big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/ width:835px!important; border-bottom:none!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/ }
/*กล่อง Vote ให้คะแนนตอนนี้*/ .vote_box{ background:#FFF!important; border:1px solid #000033!important; } .select-style{ border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/ border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/ border-right:1px solid #66CCCC!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/ border-bottom:1px solid #66CCCC!important; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/ } /*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/ /*ปุ่มส่งคะแนน*/ .vote_box3{ width:50px!important; /*ปรับความยาวของปุ่ม*/ font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/ } .vote_box3{ /*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/ color:#FFF!important;background:#000033!important; /*พื้นหลังของปุ่ม*/ border:1px solid #66CCCC!important; /*เส้นขอบ ของปุ่ม*/ } .vote_box3:hover{ background:#FFF!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/ border:1px dashed #66CCCC!important; color:#000033!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><style type="text/css">/*ลบอ่านตอนนี้เลย*/.action-view-link .call-to-action {display: none;} /*betting-bet*/</style><style type="text/css">#content_name img {border:none !important;} /* ลบกรอบสีดำรอบๆอวาต้า*/</style>
w i t h B Banner
เก็บเข้าคอลเล็กชัน
ความคิดเห็น