ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    { Winter Code Room }

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

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 1.75K
      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>


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



     
     
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×