ห้องทดลองโค้ดเมอร์เมด เข้าเพื่อ จะเข้าก็จ่ายมาสองร้อย

แนะนำตัวละคร / ทักทายผู้อ่าน / เขียนตามใจชอบ พิมพ์ตรงนี้ได้เลย... /***บิ๊กเฮดใต้ชื่อบทความ***/ /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ P.vote_m{ color:#A020F0!important; border-right:1px dashed #EDEDED!important; } /*ลบรูปดาวสีส้มหน้าประเภทนิยาย แท๊ก ผู้แต่งฯ */ ul.name_story li p{background:none!important;} /*ปุ่ม Vote กับ Report*/ div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#A020F0!important; background:#FFBBFF!important; border:1px dashed #A020F0!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:#FFC1C1!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:#FFBBFF!important; border:1px dashed #A020F0!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:#FFBBFF!important; border:1px solid #A020F0!important; } /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:1px dashed #EED2EE !important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #E0FFFF!important; } /******โซนคอมเม้นท์******/ .ribbon{background:none!important;} /*ลบริบบิ้นพื้นหลัง*/ li.cur{background:none!important;} /*ลบพื้นหลังเลขหน้า*/ .arrow_box:after,#drag-to-quote:after{border:none!important;} /*ลบลูกศรของกล่องเมนูของเฟือง*/ .comment-setbubble{ background:#FFBBFF!important; /*พื้นหลังคอมเม้นท์*/ border:1px solid #A020F0!important; /*ขอบรอบคอมเม้นท์*/ -webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/ } /*ฐานคอมเม้นท์*/ .comment-action:before{background:none!important;} .comment-action{ background:#FFBBFF!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:#A020F0!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#FFF0F5!important; } /*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ /*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ .arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/ button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/ button{ color:#A020F0!important; /*สีของเมนูแต่ละรายการ*/ background:#FFF0F5!important;border:none!important; /*พื้นหลังของเมนู*/ border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } button:hover{ color:#FFF0F5!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/ background:#BF3EFF!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } /***อวาตาร์ของคนคอมเม้นท์***/ .avatar{ border-radius:20% 0% 20% 0%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/ background:#DDA0DD!important; border:1px dashed #FFE1FF!important; padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ /*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/ } .avatar:hover{ -webkit-transform:rotate(0deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/ border-radius:0% 60% 0% 60%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/ background:#BF3EFF!important; border:1px dashed #FFF0F5!important; -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } /*รูปอวาตาร์*/ img[src*='/1/newtoon/'],.user-pic-comment{ width:70px; /*ปรับขนาดความกว้าง*/ height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/ border-radius:40% 40% 40% 40%!important; /*ความโค้งของรูปอวาตาร์*/ -webkit-transition:linear 3s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 3s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ border-radius:40% 40% 40% 40%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/ -webkit-transition:linear 3s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 3s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } /***กล่องพิมพ์คอมเม้นท์***/ span.cke_skin_kama{ background:#FFE1FF!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/ border-radius:10px 10px 10px 10px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/ border:1px dashed #FFE1FF!important; padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } .cke_skin_kama .cke_wrapper{ background:#FFBBFF!important; /*สีของตัวกล่องคอมเม้นท์*/ border-radius:10px 10px 10px 10px; /*ความโค้งของกล่องด้านใน*/ border:1px solid #FFB6C1!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 #A020F0!important; } .cm-box-area .comment-submit:hover{ border:1px solid #FFE1FF!important; } .btn-orange{ width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/ padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/ background:#FF83FA!important; /*พื้นหลังของปุ่ม*/ color:#FFE1FF!important; /*สีของชื่อปุ่ม*/ text-shadow:none!important; /*ลบเงาของชื่อปุ่ม*/ -webkit-box-shadow:none!important; /*ลบเงาที่ทำให้ปุ่มดูมีมิติขึ้นมา*/ -webkit-transition:linear 3s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 3s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ } .btn-orange:hover{ background:#9B30FF !important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/ color:#F5F5DC!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/ -webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ }