Make it Theme.

ลำดับตอนที่ #1 : MY Sotus

ทำ Theme ไว้ใช้กับนิยายตัวเองครับ

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

/***พื้นหลัง-หลัก ของบทความ***/ 

body{ background:url("https://www.img.in.th/images/00c09d840cc69480a58175eaa518a4f4.jpg" )!important; 

background-repeat:no-repleat; 

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, .writer-section-body { background:none!important; border:none!important; }

/***เฮดบทความ***/  

.head1{ 

background: #473C8B!important;  

border:0px solid #2d4aa7;   

padding-top: 18px; /*ความห่าง*/  

padding-bottom: 18px; /*ความห่าง*/ 

border-radius: 10px 10px / 10px 10px;}  

p#big_text{ 

padding-bottom:10px;/*ขยายเฮดด้านบนขึ้นมา */

padding-top:10px; /*ขยายเฮดด้านบนลงมา */

outline: #FFFFFF dashed 1px; /*สีของเส้น ชนิดของเส้น*/

outline-offset: -7px ; /*ให้เส้นประหุบเข้ามา*/

}/* betting-bet*/

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

h2,.box04_head{ background:#473C8B!important;

 /*พื้นหลังของเฮดย่อย*/ }

 h2.box02,.box04_head2,.box04_head{ border:1px dashed #836FFF!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:#E0FFFF!important; } li{font-size:12px;} h3>span{   /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/ color:#E0FFFF!important; } 

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

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

/***บิ๊กเฮดใต้ชื่อบทความ***/ /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ 

P.vote_m{ color:#00F5FF!important; border-right:1px dashed #E0FFFF!important; }

/*ลบรูปดาวสีส้มหน้าประเภทนิยาย แท๊ก ผู้แต่งฯ */ ul.name_story li p{background:none!important;}

/*ปุ่ม Vote กับ Report*/ 

div>a.review,div>a.name_sb01,div.name_storybox>a{  

color:#00F5FF!important; 

background:#473C8B!important; 

border:1px 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:#000!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:#473c8b!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:#FF7256!important; border:1px solid #000!important; }

/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ 

.big_fb{ border-top:1px dashed #fff!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #fff!important; }

/**ไอคอนรูปตา**/

.story-action-wrapper>.actionbutton.-disabled>.staticon{

color:#FFF!important;

}

 

.story-action-wrapper>.actionbutton.-disabled{

background:#473C8B!important;

border: 1px dashed #fff !important;

}

/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/ 

input,select,textarea{ 

color:#E0FFFF!important; background:#473c8b!important; 

border-top:1px solid #fff!important;  /*เส้นขอบบน*/ 

border-bottom:1px solid #fff!important; /*เส้นขอบล่าง*/ 

border-left:1px solid #fff!important;  /*เส้นขอบซ้าย*/ 

border-right:1px solid #ffff!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:#fff!important; color:#000!important; }  

*::-moz-selection{ /*สำหรับ browser firefox*/ background:#fff!important; color:#000!important; } 

*::-webkit-selection{ /*สำหรับ browser chrome*/ background:#fff!important; color:#000!important; }

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

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

::-webkit-scrollbar-track{ background:#9B30FF!important; /*พื้นหลังของรางเลื่อน*/ border-radius:0px; /*ขอบโค้ง ปรับได้ตามชอบ*/ } 

::-webkit-scrollbar-thumb{ background:#551A8B!important; /*พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/ border:1px dashed #fff!important; /*เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/ border-radius:0px;  /*ขอบโค้ง ปรับได้ตามชอบ*/ } 

::-webkit-scrollbar-thumb:hover{ background:#551a8b!important;  /*เวลาเม้าส์ชี้พื้นหลังของตัวเลื่อนสกรอลล์บาร์*/ border:1px dashed #000!important;  /*เวลาเม้าส์ชี้เส้นขอบของตัวเลื่อนสกรอลล์บาร์*/ border-radius:0px;  /*ขอบโค้งเวลาเม้าส์ชี้ ปรับได้ตามชอบ*/ }

/******ลิ้งค์สไตล์******/  

a:link{  color:#fff;  /*แนะนำให้เป็นสีเดียวกับอักษรทั่วไปในหน้าบทความ*/ 

text-decoration:none!important;   /*ตรงนี้คือคำสั่งว่าไม่ให้มีเส้นขีดบน-ล่าง หรือขีดฆ่าทับ*/ 

-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/  

-moz-transition:1s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/  } 

a:active,a:visited{  color:#000!important; /*สีของลิ้งค์ที่เคยชี้ไปแล้ว สำหรับพื้นหลังเนื้อหาสีขาว หรือโทนสีอ่อนๆ ควรเป็นสีอ่อนกว่าสีลิ้งค์ สำหรับพื้นหลังเนื้อหาสีดำ หรือโทนเข้มๆ ควรเป็นสีเข้มกว่าสีลิ้งค์*/  

text-decoration:none!important;  } a:hover{ color:#E066FF!important;   /*สีของลิ้งค์เวลาเม้าส์ชี้*/ 

background:none!important;  /*พื้นหลัง ถ้าจะใส่เป็นรูปภาพ เปลี่ยน #โค้ดสี เป็น url(ใส่ลิ้งค์รูปภาพ)*/  

background-repeat:no-repeat!important;   /*สำหรับพื้นหลังที่เป็นรูปภาพ no-repeat คือ ไม่ต้องแสดงภาพซ้ำๆ ต่อกัน repeat คือ แสดงภาพซ้ำๆ ต่อกัน */   

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

border-top:1px dashed #fff!important;   /*เส้นขอบบน*/  

border-bottom:1px dashed #fff!important;   /*เส้นขอบล่าง*/  

border-left:1px dashed #fff!important;   /*เส้นขอบซ้าย*/  

border-right:1px dashed #fff!important;   /*เส้นขอบขวา*/  

-webkit-transition:1s; /*ความช้าเร็วในการเปลี่ยนของ chrome (เหมือนของบทก่อนหน้านี้)*/  

-moz-transition:1s;  /*ความช้าเร็วในการเปลี่ยนของ firefox (เหมือนของบทก่อนหน้านี้)*/  }

 

   /*****>>>ทูลบาร์<<<*****/ 

 

/**สีพื้นหลังทูลบาร์**/

.toolbar,

.toolbar-container{

background:#000!important;

text-shadow:none!important;

box-shadow:0 .1em .1em #E8E8E8!important;

}

 

/**สีของไอคอนในซับเมนูกับลิ้งก์**/

.toolbar-submenu-item .tb-icon-submenu,

.icon-fa-smile,.toolbar-submenu-item span{

color:#fff!important;  

}

 

/**สีตอนชี้ลิ้งก์ในซับเมนู**/

a, .toolbar-submenu-item:hover span{

color:#E8E8E8!important;

}

 

/**ความยาวของช่องค้นหาตรงแว่นขยาย ปรับเลขได้**/

.toolbar-input{

width:200px!important;

}

 

/**ปุ่มค้นหาตรงแว่นขยาย**/

.tb-btn-orange{  

border: solid 1px #fff!important;

background: #000!important; 

border-radius:5px!important;

box-shadow: none!important;text-shadow: none!important;

} 

/**ปุ่มค้นหาเวลาเม้าส์ชี้**/

.tb-btn-orange:hover{

color:#fff!important;

background:#000!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;}

/**เปลี่ยนสีพื้นหลังสีเขียวตรงเมนูรับตรง / ติวเตอร์**/

.brand-ads,.column-article-ads{

background:#000!important;

border:none!important;

}

/***ส่วนที่อยู่ในตอนย่อย***/ 

ul.bigsize li span{ border-right:1px dashed #9400D3;  /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/ } 

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 #9400D3;  /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/ 

font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/ } 

/*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/ 

.big_next1{  /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/ 

width:835px!important;  /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/

border-top:1px dashed #9400D3!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/ } 

.big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/ 

width:835px!important; border-bottom:1px dashed #9400D3!important;  /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/ }  

/*กล่อง Vote ให้คะแนนตอนนี้*/ 

.vote_box{ background:#000!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:#000!important; /*พื้นหลังของปุ่ม*/ 

border:1px dashed #fff!important; /*เส้นขอบ ของปุ่ม*/ } .vote_box3:hover{ background:#fff!important; /*พื้นหลังของปุ่ม เวลาเม้าส์ชี้*/ border:1px dashed #000!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>