ลำดับตอนที่ #1
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #1 : D A N Y : SWEET PASTEL
S W E E T P A S T E L
Ctrl + A คลิกซ้ายเลือก COPY
<style type="text/css">
.head1{
background:#000;
color:#ff0000!important;
}
</style>
<style type="text/css" name="dany">
/***พื้นหลัง-หลัก ของบทความ***/
body{
background:url(http://upic.me/i/31/tumblr_mcfw8skpbv1rijbyfo1_500.png)!important;
background-repeat:repeat;
background-position:center!important;
background-attachment:fixed!important;
}
/***พื้นหลัง-รอง ของบทความ***/
div#main.clear{
background:url(http://upic.me/i/os/t1xz1.png)!important;
background-repeat:repeat;
background-position:top center;
background-attachment:fixed!important;
width:835px!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:#baacca!important;
border:2px dashed #fff;
border-radius: 50% 50% 0 0 ;
padding-top: 30px; /*ความห่างของขอบด้านบนกับชื่อ*/
padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/
}
p#big_text{
color:#fff!important;
font-family:tahoma;
font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/
}
/***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/
h2,.box04_head{
background:#baacca!important; /*พื้นหลังของเฮดย่อย*/
}
h2.box02,.box04_head2,.box04_head{
border:1px dashed #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,.comment-order,.icon-mail,.icon-ip,
.comment-tabbable .comment-tabs .active button{
color:#b19acb!important;
}
li{font-size:12px;}
h3>span{ /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/
color:#b19acb!important;
}
/*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/
.comment-order{font-size:30px!important;
}
/***บิ๊กเฮดใต้ชื่อบทความ***/
/*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/
P.vote_m{
color:#b19acb!important;
border-right:1px dashed #b19acb!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:#b19acb!important;
border:2px dashed #fff!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:#fff!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:#b5a2ca!important;
border:1px dashed #fff!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:#c5ddd5!important;
border:1px solid #fff!important;
}
ul.box_facebook li .b_fb_like a:hover{
padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/
}
/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/
.big_fb{
border-top:2px dashed #9b8eba!important;
}
.b_fb_l_font01,
.box_facebook-right01{
border-left:2px dashed #9b8eba!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 #9b8eba!important; /*ขอบรอบคอมเม้นท์*/
-webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/
}
/*ฐานคอมเม้นท์*/
.comment-action:before{background:none!important;}
.comment-action{
background:#9b8eba!important;
border-radius:10px 10px 10px 10px!important; /*ความโค้งของฐาน*/
}
.arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/
.cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/
/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/
.icon-setting,.btn-social i{
color:#d7eedb!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#bcdec2!important;
}
/*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/
/*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย
ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/
.arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/
button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/
button{
color:#d0b9d7!important; /*สีของเมนูแต่ละรายการ*/
background:#d3edd3!important;border:none!important; /*พื้นหลังของเมนู*/
border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
button:hover{
color:#c2e7c2!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/
background:#d0e8e5!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***อวาตาร์ของคนคอมเม้นท์***/
.avatar{
border-radius:30% 30% 0% 0%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/
background:#d0e8e5!important;
border:1px dashed #fff!important;
padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
/*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/
}
.avatar:hover{
-webkit-transform:rotate(5deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/
border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/
background:#b8e1dc!important;
border:1px dashed #97d6ce!important;
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/*รูปอวาตาร์*/
img[src*='/1/newtoon/'],.user-pic-comment{
width:70px; /*ปรับขนาดความกว้าง*/
height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/
border-radius:50% 50% 0% 0%!important; /*ความโค้งของรูปอวาตาร์*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
border-radius:70% 70% 0% 0%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***กล่องพิมพ์คอมเม้นท์***/
span.cke_skin_kama{
background:#fff!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/
border-radius:50px 50px 0px 0px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/
border:1px dashed #97d6ce!important;
padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
.cke_skin_kama .cke_wrapper{
background:#b9b3cf!important; /*สีของตัวกล่องคอมเม้นท์*/
border-radius:50px 50px 0px 0px; /*ความโค้งของกล่องด้านใน*/
border:1px solid #cbb2ce!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 #cbb2ce!important;
}
.cm-box-area .comment-submit:hover{
border:1px solid #cbb2ce!important;
}
.btn-orange{
width:140px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/
padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/
background:#b1bfcf!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:#92aac8!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/
color:#fff!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/
input,select,textarea{
color:#c3e7da!important;
background:#fff!important;
border-top:3px solid #fff!important; /*เส้นขอบบน*/
border-bottom:3px solid #fff!important; /*เส้นขอบล่าง*/
border-left:3px solid #fff!important; /*เส้นขอบซ้าย*/
border-right:3px solid #fff!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:#aadfcc!important;
color:#fff!important;
}
*::-moz-selection{ /*สำหรับ browser firefox*/
background:#aadfcc!important;
color:#fff!important;
}
*::-webkit-selection{ /*สำหรับ browser chrome*/
background:#aadfcc!important;
color:#fff!important;
}
/***สกรอลล์บาร์***/
::-webkit-scrollbar{width:12px;} /*ความกว้างของสกรอลล์บาร์ ปรับค่าได้*/
::-webkit-scrollbar-track{
background:#aadfcc!important; /*พื้นหลังของรางเลื่อน*/
border-radius:5px; /*ขอบโค้ง ปรับได้ตามชอบ*/
}
::-webkit-scrollbar-thumb{
background:#c5b4d1!important; /*พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
border:1px dashed #fff!important; /*เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
border-radius:5px; /*ขอบโค้ง ปรับได้ตามชอบ*/
}
::-webkit-scrollbar-thumb:hover{
background:#b9c9d6!important; /*เวลาเม้าส์ชี้พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
border:1px dashed #ใส่โค้ดสี!important; /*เวลาเม้าส์ชี้เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
border-radius:5px; /*ขอบโค้งเวลาเม้าส์ชี้ ปรับได้ตามชอบ*/
}
/******ลิ้งค์สไตล์******/
a:link{
color:#caaddf; /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/
text-decoration:none!important; /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/
-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
-moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/
}
a:active,a:visited{
color:#8ed5fd!important;
/*สีของลิ้งค์ที่เคยชี้ไปแล้ว
สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์
สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/
text-decoration:none!important;
}
a:hover{
color:#e0aee5!important; /*สีของลิ้งค์เวลาเม้าส์ชี้*/
background:#bee4e1!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:0px 0px 0px 0px; /*ขอบโค้ง ปรับค่าได้ตามชอบ*/
border-top:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบบน*/
border-bottom:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบล่าง*/
border-left:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบซ้าย*/
border-right:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบขวา*/
-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
-moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ 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:#857faf!important;
background:#fff!important;
border-top:1px solid #fff!important; /*เส้นขอบบน*/
border-bottom:1px solid #fff!important; /*เส้นขอบล่าง*/
border-left:1px solid #fff!important; /*เส้นขอบซ้าย*/
border-right:1px solid #fff!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:#ใส่โค้ดสีพื้นหลัง!important; /*(สำคัญ)ไม่จำเป็นต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
border:none!important;
}
/*ไอคอนเมนูย่อยของหน้าแรก*/
.submenu-home i{
color:#c8dddf!important;
background:#fff!important; /*พื้นหลังกลมๆ รอบไอคอน*/
border:none!important;
}
/*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/
/*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/
.board-list a{
background:#fff!important;
border-top:1px dashed #857faf!important; /*เส้นขอบบน*/
border-bottom:1px dashed #857faf!important; /*เส้นขอบล่าง*/
border-left:1px dashed #857faf!important; /*เส้นขอบซ้าย*/
border-right:1px dashed #857faf!important; /*เส้นขอบขวา*/
}
/*ไอคอนในเมนูบอร์ดเวลาเม้าส์ชี้*/
.board-list a:hover{
color:#aac9e0!important; /*สีของไอคอนเวลาเม้าส์ชี้*/
background:#ffd7d7!important; /*สีของพื้นหลังเวลาเม้าส์ชี้*/
border-top:1px solid #c8dddf!important; /*เส้นขอบบน*/
border-bottom:1px solid #c8dddf!important; /*เส้นขอบล่าง*/
border-left:1px solid #c8dddf!important; /*เส้นขอบซ้าย*/
border-right:1px solid #c8dddf!important; /*เส้นขอบขวา*/
padding:0px!important; /*ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
font-weight:normal!important; /*ความหนาของอักษร ให้เป็นแบบเดิม
ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
}
/*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/
.submit{
background:#c8dddf!important;
color:#cdacc7!important;
}
/*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/
.screen-msg{border-bottom:1px dashed #cdacc7!important;
}
/**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/
a.box06_link{border-top:1px dashed #cdacc7!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:1px dashed #cdacc7; /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/
}
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 #cdacc7; /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/
font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ
เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/
}
/*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/
.big_next1{ /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/
width:835px!important; /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/
border-top:1px dashed #cdacc7!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/
}
.big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/
width:835px!important;
border-bottom:1px dashed #cdacc7!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/
}
/*กล่อง Vote ให้คะแนนตอนนี้*/
.vote_box{
background:#cbb8d4!important;
border:1px solid #fff!important;
}
.select-style{
border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
border-right:1px dashed #fff!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
border-bottom:1px dashed #fff!important; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
}
/*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน
จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/
/*ปุ่มส่งคะแนน*/
.vote_box3{
width:50px!important; /*ปรับความยาวของปุ่ม*/
font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/
}
.vote_box3{
/*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว
ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/
background:#cbb8d4!important; /*พื้นหลังของปุ่ม*/
border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม*/
}
.vote_box3:hover{
background:#cbb8d4!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/
border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม เวลาเม้าส์ชี้*/
}
.vote_box2{margin-left:5px!important;} /*ปรับไว้ไม่ให้เวลาชี้ปุ่มส่งคะแนน แล้วมันเลื่อนตกบรรทัด*/
//โค้ดตกแต่งเพิ่มเติม//
<style name="captain" type="text/css">
img {border-radius: 8px;}</style>
<style name="captain" type="text/css">img { filter: alpha
(opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;} </style>
</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>
.head1{
background:#000;
color:#ff0000!important;
}
</style>
<style type="text/css" name="dany">
/***พื้นหลัง-หลัก ของบทความ***/
body{
background:url(http://upic.me/i/31/tumblr_mcfw8skpbv1rijbyfo1_500.png)!important;
background-repeat:repeat;
background-position:center!important;
background-attachment:fixed!important;
}
/***พื้นหลัง-รอง ของบทความ***/
div#main.clear{
background:url(http://upic.me/i/os/t1xz1.png)!important;
background-repeat:repeat;
background-position:top center;
background-attachment:fixed!important;
width:835px!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:#baacca!important;
border:2px dashed #fff;
border-radius: 50% 50% 0 0 ;
padding-top: 30px; /*ความห่างของขอบด้านบนกับชื่อ*/
padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/
}
p#big_text{
color:#fff!important;
font-family:tahoma;
font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/
}
/***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/
h2,.box04_head{
background:#baacca!important; /*พื้นหลังของเฮดย่อย*/
}
h2.box02,.box04_head2,.box04_head{
border:1px dashed #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,.comment-order,.icon-mail,.icon-ip,
.comment-tabbable .comment-tabs .active button{
color:#b19acb!important;
}
li{font-size:12px;}
h3>span{ /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/
color:#b19acb!important;
}
/*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/
.comment-order{font-size:30px!important;
}
/***บิ๊กเฮดใต้ชื่อบทความ***/
/*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/
P.vote_m{
color:#b19acb!important;
border-right:1px dashed #b19acb!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:#b19acb!important;
border:2px dashed #fff!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:#fff!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:#b5a2ca!important;
border:1px dashed #fff!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:#c5ddd5!important;
border:1px solid #fff!important;
}
ul.box_facebook li .b_fb_like a:hover{
padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/
}
/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/
.big_fb{
border-top:2px dashed #9b8eba!important;
}
.b_fb_l_font01,
.box_facebook-right01{
border-left:2px dashed #9b8eba!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 #9b8eba!important; /*ขอบรอบคอมเม้นท์*/
-webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/
}
/*ฐานคอมเม้นท์*/
.comment-action:before{background:none!important;}
.comment-action{
background:#9b8eba!important;
border-radius:10px 10px 10px 10px!important; /*ความโค้งของฐาน*/
}
.arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/
.cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/
/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/
.icon-setting,.btn-social i{
color:#d7eedb!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#bcdec2!important;
}
/*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/
/*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย
ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/
.arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/
button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/
button{
color:#d0b9d7!important; /*สีของเมนูแต่ละรายการ*/
background:#d3edd3!important;border:none!important; /*พื้นหลังของเมนู*/
border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
button:hover{
color:#c2e7c2!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/
background:#d0e8e5!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***อวาตาร์ของคนคอมเม้นท์***/
.avatar{
border-radius:30% 30% 0% 0%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/
background:#d0e8e5!important;
border:1px dashed #fff!important;
padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
/*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/
}
.avatar:hover{
-webkit-transform:rotate(5deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/
border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/
background:#b8e1dc!important;
border:1px dashed #97d6ce!important;
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/*รูปอวาตาร์*/
img[src*='/1/newtoon/'],.user-pic-comment{
width:70px; /*ปรับขนาดความกว้าง*/
height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/
border-radius:50% 50% 0% 0%!important; /*ความโค้งของรูปอวาตาร์*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
border-radius:70% 70% 0% 0%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***กล่องพิมพ์คอมเม้นท์***/
span.cke_skin_kama{
background:#fff!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/
border-radius:50px 50px 0px 0px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/
border:1px dashed #97d6ce!important;
padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
.cke_skin_kama .cke_wrapper{
background:#b9b3cf!important; /*สีของตัวกล่องคอมเม้นท์*/
border-radius:50px 50px 0px 0px; /*ความโค้งของกล่องด้านใน*/
border:1px solid #cbb2ce!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 #cbb2ce!important;
}
.cm-box-area .comment-submit:hover{
border:1px solid #cbb2ce!important;
}
.btn-orange{
width:140px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/
padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/
background:#b1bfcf!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:#92aac8!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/
color:#fff!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/
-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/
-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/
}
/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/
input,select,textarea{
color:#c3e7da!important;
background:#fff!important;
border-top:3px solid #fff!important; /*เส้นขอบบน*/
border-bottom:3px solid #fff!important; /*เส้นขอบล่าง*/
border-left:3px solid #fff!important; /*เส้นขอบซ้าย*/
border-right:3px solid #fff!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:#aadfcc!important;
color:#fff!important;
}
*::-moz-selection{ /*สำหรับ browser firefox*/
background:#aadfcc!important;
color:#fff!important;
}
*::-webkit-selection{ /*สำหรับ browser chrome*/
background:#aadfcc!important;
color:#fff!important;
}
/***สกรอลล์บาร์***/
::-webkit-scrollbar{width:12px;} /*ความกว้างของสกรอลล์บาร์ ปรับค่าได้*/
::-webkit-scrollbar-track{
background:#aadfcc!important; /*พื้นหลังของรางเลื่อน*/
border-radius:5px; /*ขอบโค้ง ปรับได้ตามชอบ*/
}
::-webkit-scrollbar-thumb{
background:#c5b4d1!important; /*พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
border:1px dashed #fff!important; /*เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
border-radius:5px; /*ขอบโค้ง ปรับได้ตามชอบ*/
}
::-webkit-scrollbar-thumb:hover{
background:#b9c9d6!important; /*เวลาเม้าส์ชี้พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/
border:1px dashed #ใส่โค้ดสี!important; /*เวลาเม้าส์ชี้เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/
border-radius:5px; /*ขอบโค้งเวลาเม้าส์ชี้ ปรับได้ตามชอบ*/
}
/******ลิ้งค์สไตล์******/
a:link{
color:#caaddf; /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/
text-decoration:none!important; /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/
-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
-moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/
}
a:active,a:visited{
color:#8ed5fd!important;
/*สีของลิ้งค์ที่เคยชี้ไปแล้ว
สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์
สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/
text-decoration:none!important;
}
a:hover{
color:#e0aee5!important; /*สีของลิ้งค์เวลาเม้าส์ชี้*/
background:#bee4e1!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:0px 0px 0px 0px; /*ขอบโค้ง ปรับค่าได้ตามชอบ*/
border-top:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบบน*/
border-bottom:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบล่าง*/
border-left:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบซ้าย*/
border-right:1px dashed #ใส่โค้ดสี!important; /*เส้นขอบขวา*/
-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/
-moz-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ 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:#857faf!important;
background:#fff!important;
border-top:1px solid #fff!important; /*เส้นขอบบน*/
border-bottom:1px solid #fff!important; /*เส้นขอบล่าง*/
border-left:1px solid #fff!important; /*เส้นขอบซ้าย*/
border-right:1px solid #fff!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:#ใส่โค้ดสีพื้นหลัง!important; /*(สำคัญ)ไม่จำเป็นต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/
border:none!important;
}
/*ไอคอนเมนูย่อยของหน้าแรก*/
.submenu-home i{
color:#c8dddf!important;
background:#fff!important; /*พื้นหลังกลมๆ รอบไอคอน*/
border:none!important;
}
/*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/
/*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/
.board-list a{
background:#fff!important;
border-top:1px dashed #857faf!important; /*เส้นขอบบน*/
border-bottom:1px dashed #857faf!important; /*เส้นขอบล่าง*/
border-left:1px dashed #857faf!important; /*เส้นขอบซ้าย*/
border-right:1px dashed #857faf!important; /*เส้นขอบขวา*/
}
/*ไอคอนในเมนูบอร์ดเวลาเม้าส์ชี้*/
.board-list a:hover{
color:#aac9e0!important; /*สีของไอคอนเวลาเม้าส์ชี้*/
background:#ffd7d7!important; /*สีของพื้นหลังเวลาเม้าส์ชี้*/
border-top:1px solid #c8dddf!important; /*เส้นขอบบน*/
border-bottom:1px solid #c8dddf!important; /*เส้นขอบล่าง*/
border-left:1px solid #c8dddf!important; /*เส้นขอบซ้าย*/
border-right:1px solid #c8dddf!important; /*เส้นขอบขวา*/
padding:0px!important; /*ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
font-weight:normal!important; /*ความหนาของอักษร ให้เป็นแบบเดิม
ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/
}
/*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/
.submit{
background:#c8dddf!important;
color:#cdacc7!important;
}
/*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/
.screen-msg{border-bottom:1px dashed #cdacc7!important;
}
/**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/
a.box06_link{border-top:1px dashed #cdacc7!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:1px dashed #cdacc7; /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/
}
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 #cdacc7; /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/
font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ
เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/
}
/*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/
.big_next1{ /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/
width:835px!important; /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/
border-top:1px dashed #cdacc7!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/
}
.big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/
width:835px!important;
border-bottom:1px dashed #cdacc7!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/
}
/*กล่อง Vote ให้คะแนนตอนนี้*/
.vote_box{
background:#cbb8d4!important;
border:1px solid #fff!important;
}
.select-style{
border-top:none!important; /*ขอบบนต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
border-left:none!important; /*ขอบซ้ายต้องลบออก เพราะเดี๋ยวมันจะซ้อนกับของอินพุท ซีเล็ก เท็กซ์เอเรีย*/
border-right:1px dashed #fff!important; /*ต้องใส่ขอบขวาไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
border-bottom:1px dashed #fff!important; /*ต้องใส่ขอบล่างไปให้หล่องมีขอบครบ ถ้าไม่ใส่ มันจะแหว่ง*/
}
/*หมายเหตุ : สีพื้นหลังกับสีอักษรของกล่องเลือกคะแนน
จะเป็นสีเดียวกับซีเล็ค อินพุท เท็กซ์เอเรีย*/
/*ปุ่มส่งคะแนน*/
.vote_box3{
width:50px!important; /*ปรับความยาวของปุ่ม*/
font-size:14px!important; /*ปรับขนาดชื่อปุ่ม*/
}
.vote_box3{
/*สีชื่อปุ่มรวมไปกับสีอักษรทั่วไปในหน้าบทความแล้ว
ถ้าอยากเปลี่ยน สามารถเพิ่มโค้ด color:#โค้ดสี!important; ในโค้ดนี้ได้*/
background:#cbb8d4!important; /*พื้นหลังของปุ่ม*/
border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม*/
}
.vote_box3:hover{
background:#cbb8d4!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/
border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม เวลาเม้าส์ชี้*/
}
.vote_box2{margin-left:5px!important;} /*ปรับไว้ไม่ให้เวลาชี้ปุ่มส่งคะแนน แล้วมันเลื่อนตกบรรทัด*/
//โค้ดตกแต่งเพิ่มเติม//
<style name="captain" type="text/css">
img {border-radius: 8px;}</style>
<style name="captain" type="text/css">img { filter: alpha
(opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;} </style>
</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>
|
|
 T H A N K Y O U   รับแลก B A N N E R ใครอยากแลกแบนเนอร์ติดต่อมาได้จ้า เดี๋ยวเอาขึ้ให้เลยย ผู้อุปการคุณสูงสุดค่ะ ถ้าไม่มี DANY THEME ไม่เกิด Theme ver two {Academy;} |
เก็บเข้าคอลเล็กชัน
ความคิดเห็น