{ Winter Code Room }

ตอนที่ 38 : [Ver.2] โค้ดธีมพื้นฐานสำเร็จรูป สำหรับทำธีมบทความทั้งหน้า - Edit 15/04/57 @15.30

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 1,581
    จำนวนคนให้กำลังใจ : 6 ครั้ง
    25 เม.ย. 57

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 นะคะ*/
/*เปลี่ยนสีพื้นหลังกล่องคอมเม้นท์-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>


**โค้ดธีมพวกนี้ เป็นโค้ดธีมที่เราทำแจกเอง ไม่ได้ก๊อปของใครมา
จะมีก็แต่โค้ดลบเงื่อนไข&ข้อตกลงในการใช้งานด้านล่างสุด
ที่เรายืมมาจากบทความของน้องกิฟท์ ที่น้องฝากเราดูแลบทความให้
(ใส่เครดิตให้น้องแล้ว)
ส่วนโค้ดเพิ่มเติม โค้ดดุ๊กดิ๊ก สามารถมาใส่เพิ่มได้
หรือจะหาโค้ดแต่งสวย ๆ เพิ่มเติมได้ที่นี่ค่ะ >> คลิกเลย




 
 
ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 6 ครั้ง

391 ความคิดเห็น

  1. #391 ~AMSA Meaw~ (@torikita) (จากตอนที่ 38)
    วันที่ 15 เมษายน 2562 / 20:05

    ขอบคุณนะคะ

    #391
    0
  2. #385 Stephaduke Madison (@Charleuraduke) (จากตอนที่ 38)
    วันที่ 1 มิถุนายน 2561 / 01:55

    ขอยืมไปใช้ นะคะ ขอบคุณคะ

    #385
    0
  3. #384 PH_PKNNTK (@PH_PKNNTK) (จากตอนที่ 38)
    วันที่ 14 พฤษภาคม 2561 / 23:21
    <p>ขอบคุณค่ะ</p><p><br></p>
    #384
    0
  4. #378 yikoanasimi (@yikoanasimi) (จากตอนที่ 38)
    วันที่ 11 ตุลาคม 2560 / 14:29
    ขอบคุณค่ะ ขอยืมไปน่ะค่ะ

    #378
    0
  5. วันที่ 17 กันยายน 2560 / 10:52
    ขอบคุณค่ะ ขอยืมน้า
    #376
    0
  6. #370 Anka Kistchnau (@nusikan) (จากตอนที่ 38)
    วันที่ 5 มิถุนายน 2560 / 14:59
    ขอบคุณมากค่ะไรต์เตอร์ >_<
    #370
    0
  7. #369 _Saenthap (@0820240663) (จากตอนที่ 38)
    วันที่ 5 พฤษภาคม 2560 / 08:25
    ปริ่มมากจริงๆขอบคุณมากๆเลยคะ อธิบายง่ายชอบมากๆเลย 
    #369
    0
  8. #362 กระดาษชำระ ★ (@toiletpaper) (จากตอนที่ 38)
    วันที่ 17 มกราคม 2560 / 17:07
    ขอบคุณค่า
    #362
    0
  9. #354 kyouko (@homura2544) (จากตอนที่ 38)
    วันที่ 28 ตุลาคม 2559 / 18:51
    ขอบคุณนะคะ ><
    #354
    0
  10. #347 Ixx90s (@jutamas_97) (จากตอนที่ 38)
    วันที่ 27 กันยายน 2559 / 14:21
    ขอบคุณค่ะ
    #347
    0
  11. #301 ^-^girl lino (@z-ater14) (จากตอนที่ 38)
    วันที่ 10 มกราคม 2559 / 12:16
    ขอบคุณ (_ _)
    #301
    0
  12. #297 หมูมัมมี่ (@littlemummy) (จากตอนที่ 38)
    วันที่ 9 ธันวาคม 2558 / 15:21
    ขอบคุณจ้ะ
    #297
    0
  13. #290 FightingRanny (@rey_42) (จากตอนที่ 38)
    วันที่ 4 พฤศจิกายน 2558 / 19:22
    ขอบคุณมากๆเลยน้ะค้าาา 
    #290
    0
  14. #274 virus97 (@virus97) (จากตอนที่ 38)
    วันที่ 5 สิงหาคม 2558 / 00:13
    ขอบคุณนะคะ 
    #274
    0
  15. #229 BUFFAL0. (@bewtifulz) (จากตอนที่ 38)
    วันที่ 27 กุมภาพันธ์ 2558 / 15:21
    ขอบคุณนะค่ะ ^-^
    #229
    0
  16. #217 KP18 (@kaopaiii18) (จากตอนที่ 38)
    วันที่ 8 มกราคม 2558 / 18:12
    ขอบคุณมากๆค่ะ ><
    #217
    0
  17. #216 Dame_SD (@damesdark) (จากตอนที่ 38)
    วันที่ 27 ธันวาคม 2557 / 21:03
    ขอบคุณมากค่ะ >< 
    #216
    0
  18. #194 ♛Paranoia♛ (@ruusu) (จากตอนที่ 38)
    วันที่ 31 กรกฎาคม 2557 / 19:54
    ขอบคุณนะคะ -/-
    #194
    0
  19. วันที่ 3 พฤษภาคม 2557 / 02:02
    ขอบคุณค่ะ><
    #156
    0
  20. #150 [12GODs ll POSEIDON]Ice Rain (@nicharee-33) (จากตอนที่ 38)
    วันที่ 1 พฤษภาคม 2557 / 19:18
    ขอบคุณคะ><
    #150
    0
  21. #149 Cherryrose (@J_H_S) (จากตอนที่ 38)
    วันที่ 1 พฤษภาคม 2557 / 15:44
    ขอบคุณมากๆค่ะ
    #149
    0
  22. #75 M (@melody-mushroom) (จากตอนที่ 38)
    วันที่ 10 เมษายน 2557 / 18:30
    ขอบคุณค่ะ
    #75
    0
  23. #54 kxaxlxo (@kxaxlxo) (จากตอนที่ 38)
    วันที่ 5 เมษายน 2557 / 13:46
    ขอบคุณมากค่าา ^^
    #54
    0
  24. #48 sh0104 (@sh0104_) (จากตอนที่ 38)
    วันที่ 2 เมษายน 2557 / 15:24
    ขอบคุณมากค่าา ขอยืมหน่อยน้าาา >___<
    #48
    0
  25. #45 pingแม่น้ำ (@pingpong200842) (จากตอนที่ 38)
    วันที่ 1 เมษายน 2557 / 23:58
    ขอบคุณมากๆๆๆๆจากใจเลยค่าาา ^^
    #45
    0