{ Winter Code Room }
ตอนที่ 38 : [Ver.2] โค้ดธีมพื้นฐานสำเร็จรูป สำหรับทำธีมบทความทั้งหน้า - Edit 15/04/57 @15.30
Edit เพิ่มเติม > เพิ่มโค้ดลบพื้นหลังตรง "ดูทั้งหมด" ตรงคำวิจารณ์
-15/04/57 @15.30
โค้ดธีมพื้นฐานสำเร็จรูป สำหรับธีมบทความทั้งหน้า
ของบทความใหม่
โค้ดธีมพื้นฐานทั้งหมดค่ะ สำหรับทำธีมบทความทั้งหน้า
เค้ารวมเอาไว้ให้แล้วน๊า ^^
สามารถเอาไปปรับแก้ให้มีลูกเล่นมากขึ้นได้ด้วยนะ
***คอมเม้นท์บอกหัวข้อต่าง ๆ อาจจะเยอะ
แต่มีไว้น่ะดีแล้ว จะได้ไม่สับสนเวลาแก้โค้ดทีหลังนะคะ
แต่ถ้าจะลบก็ให้เครดิตกันบ้างน๊า ^^
(ไรเตอร์แบ่งโซนไว้ให้เป็น 3 โซนนะคะ
คือ A, B, และ C จะได้จัดเป็นสัดส่วนได้ง่าย
เวลาจะเพิ่มหรือแก้ไขโค้ดอะไรจะได้ไม่งง)
v
<style type="text/css">
/*combine basic theme code by Sakurai Winter*/
/*-----------Zone A: โค้ดพื้นหลัง, เปลี่ยนรูป------------*/
/*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
BODY{background:url(ลิงค์รูป); background-attachment:fixed;background-size:100% 100%;}
/*เปลี่ยนสีพื้นหลังรอง-Sakurai Winter*/
#big_head , .content, .box03, .box04_page {
background: #โค้ดสี repeat; /*สีพื้นหลัง*/
}
#main {
width: 987px; /*ปรับความกว้างปีกได้ค่ะ*/
background: #โค้ดสี repeat; /*สีพื้นหลังปีก=*/
}
/*เปลี่ยนสีพื้นหลังในส่วนเนื้อหา-Sakurai Winter*/
div.story {
background-color: #โค้ดสี !important;
}
/*เปลี่ยนรูปไอคอนริบบิ้นตรงหัวข้อความคิดเห็น-Sakurai Winter*/
h3 .ribbon {
background: url("ลิงค์รูป") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*เปลี่ยนภาพพื้นหลังกล่อง vote ในบทความย่อย-Sakurai Winter*/
.vote_box {
background-image: url(ลิงค์รูป);
}
/*------------Zone B: โค้ดเปลี่ยนสีส่วนต่าง ๆ------------*/
/*เปลี่ยนสี head 1-Sakurai Winter*/
p#big_text {
background: none repeat scroll 0 0 #โค้ดสี; /*สีพื้นหลัง head 1*/
color: #โค้ดสี !important; /*สีตัวอักษร head1*/
font-family: tahoma; /*รูปแบบตัวอักษร*/
font-size: 24px; /*ขนาดตัวอักษร*/
height: 34px; /*ความสูงของ head*/
line-height: 34px; /*ระดับสูงต่ำของตัวอักษร ควรเป็นค่าเดียวกันกับความสูงของ head*/
}
/*เปลี่ยนสี head 2-Sakurai Winter*/
h2.box02, .box01, .box04_head {
background: #โค้ดสี repeat; /*สีพื้นหลัง*/
}
h2.box02 p {
font-size: 14px; /*ขนาดตัวอักษร*/
color: #โค้ดสี !important; /*สีตัวอักษร*/
background: none;
}
/*เปลี่ยนสีตัวอักษรทั้งหน้า-SakuraiWinter*/
p, body,ul.name_story li .slash {
color: #โค้ดสี !important; /*เปลี่ยนสีตัวอักษรทั้งหน้า*/
}
/*เปลี่ยนสีลิงค์-Sakurai Winter*/
a:link {text-decoration: none; color: #โค้ดสี !important} /*สีลิงค์ปกติ*/
a:visited {text-decoration: none; color: #โค้ดสี !important} /*สีลิงค์ที่เคยเข้าแล้ว*/
a:hover {text-decoration: none; color: #โค้ดสี !important} /*สีลิงค์ตอนเอาเมาส์ชี้*/
/*เปลี่ยนสี rating & vote ทางขวาบน-Sakurai Winter*/
p.vote_m {
color: #โค้ดสี !important;
}
/*เปลี่ยนสีตัวเลขจำนวนแชร์ด้านบน-SakuraiWinter*/
p.box_facebook-right2 strong {
color: #โค้ดสี; /*สีตัวอักษร*/
}
/*เปลี่ยนสีปุ่ม Report & Review ด้านบนขวา-Sakurai Winter*/
.bigname_sb01 a.name_sb01 ,a.review {
background: #โค้ดสี repeat; /*สีปุ่ม*/
color: #โค้ดสี !important; /*สีตัวหนังสือ*/
}
a.review:hover, .bigname_sb01:hover a.name_sb01 {
background: #โค้ดสี repeat; /*สีปุ่มตอนเอาเมาส์ชี้*/
}
/*เปลี่ยนสีป๊อปอัพปุ่ม report ด้านบนขวา-Sakurai Winter*/
.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu {
background: #โค้ดสี repeat;
}
.bigname_sb01:hover ul.name_sb01_uu li {
border-bottom: none;
}
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa {
color: #โค้ดสี; /*สีลิงค์ปกติ*/
}
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa:hover {
color: #โค้ดสี !important; /*สีลิงค์ตอนเอาเมาส์ชี้*/
}
/*เปลี่ยนสีปุ่ม เขียนบทวิจารณ์&เขียนคำนิยม&ลบไอคอนข้างหน้า-Sakurai Winter*/
a.box04_head03 {
background: #โค้ดสี; /*สีปุ่ม*/
}
/*เปลี่ยนสีพื้นหลังไอคอน month views,comments, fanclub,ปุ่มแชร์ด้านบน-Sakurai Winter*/
ul.box_facebook li .b_fb_l_i01 {
background-color: #โค้ดสี;
}
/*เปลี่ยนสีไอคอน month view, comments, fanclub,ปุ่มแชร์ ด้านบน-Sakurai Winter*/
/*สีปุ่มเวลาปกติ*/
ul.box_facebook li .b_fb_like a {
background-image: linear-gradient(to top, #โค้ดสี1, #โค้ดสี2); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/
border: 1px solid #โค้ดสี; /*สีเส้นขอบรอบปุ่ม*/
}
/*เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้*/
ul.box_facebook li .b_fb_like a:hover {
background-image: linear-gradient(to top , #โค้ดสี10px, #โค้ดสี2 100%); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/
}
border: 0px solid #โค้ดสี ; /*สีเส้นขอบรอบปุ่ม ถ้าต้องการให้ใส่ตัวเลขเพิ่มได้ แต่ถ้าไม่ต้องการให้เปลี่ยนเป็น 0 นะคะ*/
border: 0px solid #โค้ดสี ; /*สีเส้นขอบรอบปุ่ม ถ้าต้องการให้ใส่ตัวเลขเพิ่มได้ แต่ถ้าไม่ต้องการให้เปลี่ยนเป็น 0 นะคะ*/
/*เปลี่ยนสีพื้นหลังกล่องคอมเม้นท์-Sakurai Winter*/
.comment-setbubble {
background-color: #โค้ดสี;
border: none; /*ลบเส้นขอบ*/
}
/*เปลี่ยนสีแถบใต้กล่องคอมเม้นท์-Sakurai Winter*/
.comment-action {
background-color: #โค้ดสี;}
/*เปลี่ยนสีหัวข้อบทวิจารณ์ คำนิยม-Sakurai Winter*/
h2.box04_head02 {
background: #โค้ดสี no-repeat; /*สีหัวข้อ*/
color: #โค้ดสี; /*สีข้อความ*/
}
/*เปลี่ยนสีพื้นหลังบทวิจารณ์ คำนิยม-Sakurai Winter*/
.box04 {
background: #โค้ดสี repeat;
}
/*เปลี่ยนสีกล่องคอมเม้นท์ด้านล่างสุดของบทความ-Sakurai Winter*/
.cm-box-area {
background-color: #โค้ดสี; /*สีกล่องรอบนอก*/
}
.cke_skin_kama .cke_wrapper {
background-color: #โค้ดสี; /*สีแถบเมนูในกล่องคอมเม้นท์*/
}
span.cke_skin_kama {
border: none; /*ลบเส้นขอบ*/
}
/*เปลี่ยนสีหัวข้อบุคคลทั่วไป,สมาชิกด้านบนกล่องคอมเม้นท์ด้านล่างของบทความ-Sakurai Winter*/
.comment-tabbable .comment-tabs .active button {
background-color: #โค้ดสี; /*สีพื้นหลังหัวข้อ*/
color: #โค้ดสี; /*สีตัวอักษร*/
border-top: solid 5px #โค้ดสี; /*แถบสีด้านบนหัวข้อ*/
}
/*เปลี่ยนสีปุ่ม "แสดงความเห็น"-Sakurai Winter*/
.btn-orange {
background: #โค้ดสี; /*สีปุ่มเวลาปกติ*/
color:#โค้ดสี !important; /*สีตัวหนังสือเวลาปกติ*/
}
.cm-box-area .comment-submit:hover {
background: #โค้ดสี; /*สีปุ่มตอนเอาเมาส์ชี้*/
color: #โค้ดสี; /*สีตัวหนังสือตอนเอาเมาส์ชี้*/
}
.cm-box-area .comment-submit {
text-shadow: none; /*ลบเงาตัวหนังสือ*/
border: none; /*ลบเส้นขอบ*/
}
/*-----------Zone C: โค้ดลบต่าง ๆ------------*/
/*แถบสีส้มด้านบนใต้ toolbar ล่องหน-Sakurai Winter*/
#sec-head {
background-color: rgba(254, 150, 29, 0)!important;
}
/*ลบเมนูรอง ตรงนิยายรักหวานแหวว นิยายรักเศร้า ๆ ฯลฯ ด้านบน-Sakurai Winter*/
#sec-menu {
display: none;
}
/*ลบส่วนที่อยู่เหนือชื่อบทความ-Sakurai Winter*/
div#head, div _head{
display: none;
}
/*ลบไอคอนรูปดาวข้างหน้านิยายเรื่องยาว-My.iD ด้านซ้ายบน-Sakurai Winter*/
ul.name_story li p {
background: none;
}
/*ลบเส้นขอบ&เส้นแบ่งด้านบนทั้งหมด-Sakurai Winter*/
.big_fb {
border-top: none !important; /*เส้นขอบเหนือ month views--*/
}
ul.box_facebook li .b_fb_like p.b_fb_l_font01, .box_facebook-right01{
border-left: none !important; /*เส้น seperatorด้านข้าง month views*/
}
p.vote_m {
border-right: none !important; /*เส้นแบ่งตรง review&vote-*/
}
#content_name {
border: none !important; /*ลบเส้นขอบตรงแนะนำเรื่องแบบย่อ ๆ*/
}
/*ลบ"ข้อมูลเบื้องต้นของเรื่องนี้"-Sakurai Winter*/
div.story .desc_head {
display: none;
}
/*ลบไอคอนแถบค้นหาบทความ & เว็บบอร์ด writer & แจ้งบทความไม่เหมาะสม & โหวตผิดปกติ-SakuraiWinter*/
ul.box_uu01 li a {
background: none;
border-right: none;
}
/*ลบไอคอนรูปดาวตรง "บันทึกเป็น Favorite"-Sakurai Winter*/
.favor {
background-image: none;
}
/*ลบข้อความในแถบค้นหาบทความ>โหวตผิดปกติ-Sakurai Winter*/
.box01 li a{
display: none !important;
}
/*ลบพื้นหลังตรง "ดูทั้งหมด" ตรงคำวิจารณ์-Sakurai Winter*/
a.more_review {
background: none !important;
}
/*ลบโฆษณาตรงคอมเม้นท์-Sakurai Winter*/
#google_ads_comment1, #google_ads_comment1 li {
display: none!important;
}
/*ลบข้อตกลง & เงื่อนไขการใช้งานด้านล่าง- 1109411 Code Store*/
div.accord,div.app-footer{display:none !important}
/*combine basic theme code by Sakurai Winter*/
</style>
**โค้ดธีมพวกนี้ เป็นโค้ดธีมที่เราทำแจกเอง ไม่ได้ก๊อปของใครมา
จะมีก็แต่โค้ดลบเงื่อนไข&ข้อตกลงในการใช้งานด้านล่างสุด
ที่เรายืมมาจากบทความของน้องกิฟท์ ที่น้องฝากเราดูแลบทความให้
(ใส่เครดิตให้น้องแล้ว)
ส่วนโค้ดเพิ่มเติม โค้ดดุ๊กดิ๊ก สามารถมาใส่เพิ่มได้
หรือจะหาโค้ดแต่งสวย ๆ เพิ่มเติมได้ที่นี่ค่ะ >> คลิกเลย
ขอบคุณนะคะ
ขอยืมไปใช้ นะคะ ขอบคุณคะ