✧ sugar, spice, and everthing nice

ลำดับตอนที่ #4 : test theme

TEST THEME



 

<style type="text/css">

/***Pixie Dust***/

.head1{

background:#333333!important;

border:1px dashed #ใส่โค้ดสีของขอบ;

padding-top: 10px; /*ความห่างของขอบด้านบนกับชื่อ*/

padding-bottom: 10px; /*ความห่างของขอบด้านล่างกับชื่อ*/

}

p#big_text{

color:#ffffff!important;

font-family:cambria;

font-size:25px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/

}</style>

<style name="Ccher" type="text/css">

/***MAIN BACKGROUND***/

body{

background:url(http://data.whicdn.com/images/38140192/large.jpg)!important;

background-repeat:repeat;

background-position:center!important;

background-attachment:fixed!important;

}

/***BACKGROUND2***/

div#main.clear{

background:none!important;

background-repeat:repeat;

background-position:top center;

background-attachment:fixed!important;

width:835px!important;

}

 

/***STORY BACKGROUND***/

.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;

}

 

 

/***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/

h2,.box04_head{

background:#333333!important; /*พื้นหลังของเฮดย่อย*/

}

h2.box02,.box04_head2,.box04_head{

border:1px dashed #000!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;

}

 

 

/***TEXT ON STORY****/

.desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,

p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,

.owner-username,#usermenu .usernamename, .notifications .usernamename,

.name-area,.icon-mail,.icon-ip,

.comment-tabbable .comment-tabs .active button{

color:#000000!important;

}

li{font-size:12px;}

h3>span{   /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/

color:#333366!important;

}

/*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/

.comment-order{font-size:30px!important;

}

 

/***บิ๊กเฮดใต้ชื่อบทความ***/

/*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/

P.vote_m{

color:#333333!important;

border-right:1px dashed #ใส่โค้ดสีของเส้นคั่น!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:#333333!important;

border:1px dashed #fff!important;

}

 

/***ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์***/

.b_fb_l_i01,ul.box_uu01 li a{background:none!important;} /*ลบพื้นหลังสีเทา */

ul.box_facebook li .b_fb_like a{

background:#FFF!important;

border:1px dashed #666666!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:#cccccc!important;

border:1px solid #fff!important;

}

ul.box_facebook li .b_fb_like a:hover{

padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/

}

 

/***กล่องพิมพ์คอมเม้นท์***/

span.cke_skin_kama{

background:#000!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/

border-radius:0px 0px 0px 0px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/

border:1px dashed #ใส่โค้ดสีของเส้นขอบด้านนอก!important;

padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

.cke_skin_kama .cke_wrapper{

background:#fff!important; /*สีของตัวกล่องคอมเม้นท์*/

border-radius:0px 0px 0px 0px; /*ความโค้งของกล่องด้านใน*/

border:1px solid #000!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 #ใส่โค้ดสีของเส้นขอบ!important;

}

.cm-box-area .comment-submit:hover{

border:1px solid #ใส่โค้ดสีของเส้นขอบตอนเม้าส์ชี้!important;

}

.btn-orange{

width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/

padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/

background:#fff!important; /*พื้นหลังของปุ่ม*/

color:#333366!important; /*สีของชื่อปุ่ม*/

text-shadow:none!important; /*ลบเงาของชื่อปุ่ม*/

-webkit-box-shadow:none!important; /*ลบเงาที่ทำให้ปุ่มดูมีมิติขึ้นมา*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

.btn-orange:hover{

background:#cccccc!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/

color:#fff!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

 

 

 

/*รูปอวาตาร์*/

img[src*='/1/newtoon/'],.user-pic-comment{

width:80px; /*ปรับขนาดความกว้าง*/

height:80px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/

border-radius:20% 0% 20% 0%!important; /*ความโค้งของรูปอวาตาร์*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{

border-radius:0% 0% 0% 0%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

 

 

/***สกรอลล์บาร์***/

::-webkit-scrollbar{width:12px;} /*ความกว้างของสกรอลล์บาร์ ปรับค่าได้*/

::-webkit-scrollbar-track{

background:#FFF!important; /*พื้นหลังของรางเลื่อน*/

border-radius:5px; /*ขอบโค้ง ปรับได้ตามชอบ*/

}

::-webkit-scrollbar-thumb{

background:#CCCCCC!important; /*พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/

border:1px dashed #CCCCCC!important; /*เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/

border-radius:0px;  /*ขอบโค้ง ปรับได้ตามชอบ*/

}

::-webkit-scrollbar-thumb:hover{

background:#cccccc!important;  /*เวลาเม้าส์ชี้พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/

border:1px dashed #cccccc!important;  /*เวลาเม้าส์ชี้เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/

border-radius:0px;  /*ขอบโค้งเวลาเม้าส์ชี้ ปรับได้ตามชอบ*/

}

 

/**********แถบทูลบาร์**********/ .btn,div>div>div>div>div { background: #fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/ border:none!important; } .active, { background:#fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/ border:none!important; } div#auth-frame, -wrap{ background:#fff!important;  /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/ border:none!important; } .menu-main>a{ background:#fff!important;   /*(สำคัญ)ต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/ border:none!important; }

 

/***เวลาชี้ลิ้งค์เมนูหลักบนทูลบาร์****/ li>i:hover,ul.menu-list>li>a:hover{ color:#000!important; background: #cccccc!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: #cccccc!important;  /*(สำคัญ)ไม่จำเป็นต้องเป็นสีเดียวกับพื้นหลังเนื้อหา*/ border:none!important; }  /*ไอคอนเมนูย่อยของหน้าแรก*/ .submenu-home i{ color: #FFE7BA!important; background:#000!important; /*พื้นหลังกลมๆ รอบไอคอน*/ border:none!important; }  /*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/ /*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/ .board-list a{ background: #FFF!important; border-top:1px dashed #FFE7BA!important;  /*เส้นขอบบน*/ border-bottom:1px dashed #FFE7BA!important; /*เส้นขอบล่าง*/ border-left:1px dashed #FFE7BA!important;  /*เส้นขอบซ้าย*/ border-right:1px dashed #FFE7BA!important;  /*เส้นขอบขวา*/ } /*ไอคอนในเมนูบอร์ดเวลาเม้าส์ชี้*/ .board-list a:hover{ color: ##FFE7BA!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;  /*เส้นขอบขวา*/ padding:0px!important; /*ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/ font-weight:normal!important; /*ความหนาของอักษร ให้เป็นแบบเดิม ใส่กันไว้ไม่ให้เวลาชี้แล้วเลื่อนไปชนไอคอนอื่นตกบรรทัด*/ }  /*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/ .submit{ background:#000!important; color:#fff!important; } /*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/ .screen-msg{border-bottom:1px dashed #fff!important; } /**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/ a.box06_link{border-top:1px dashed #fff!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;}</style>

<style name="delete" type="text/css">

/***ลบบางอย่างออกไป***/

#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">

.desc_head{display:none !important} #content_name {display:none !important}</style>

<style type="text/css">

div.ranking{display:none !important}</style>

<style type="text/css">

.avatar.girl{border-color: #fff;.avatar.unsigned{border-color: #ffffff;.avatar.boy{border-color: #ffffff;</style>

<style type="text/css">

.avatar{background-color: #ffffff;border: 1px solid #ffffff;border-radius: 5px;box-shadow: 0px 0px 0px; #ffffff}display: inline-block;float: left;margin: 0 10px;padding: 3px;position: relative;</style>