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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #56 : [Special] "Red Art Carbon" Theme - แจกธีมบทความ V.2 ทำเองค่ะ

    • อัปเดตล่าสุด 19 ม.ค. 59


    edit เพิ่มเติม >> เพิ่มโค้ดเปลี่ยนสีสกรอบาร์ เพิ่มโฆษณาบทความใหม่ อิอิ^^ - 13/04/57 @17.56
     

    [Special] แจกธีมบทความ V.2 ทำเองค่า


    สวัสดีค่าทั่นผู้ชม (((>_<)))

    ไรเตอร์แอบนอนไม่หลับอะ เลยแวะมาแต่งธีมเล่น ๆ ดู
    ตัวอย่างธีมนี้ก็ดูได้จากตอนย่อยตอนนี้เลยนะคะ ดำแดงคาร์บอนมั๊ย >_<

    ยังไม่ได้คิดชื่อธีมเลยอะ ...เอาเป็นว่า "Red Art Carbon" แล้วกันนะคะ
    (คิดได้มั่วดีมากเลย 55)

    ส่วนกล่องคอมเม้นท์ ตอนนี้อาจจะยังไม่เห็น
    ลองคอมเม้นท์ดูสิคะ แล้วจะเห็นว่ามัน... น่ารักมาก? 555
    อ่า... เดี๋ยวคอมเม้นท์ให้ดูเป็นตัวอย่างด้านล่างดีกว่าเนอะ อยากเห็นเองด้วยเหมือนกัน ><

    เอร้ย ลืมบอกไปว่า ส่วนที่ไรเตอร์ชอบที่สุดของธีมนี้คือ...
    ลองชี้คำสั่งต่าง ๆ ตรง dropmenu สิคะ แล้วจะเห็น (((>_<)))

    ส่วนตัวไรเตอร์ชอบสีดำ น้ำเงิน แดงค่ะ เลยแต่งสนองนี๊ทนิดนึง อิอิ
    ...ใครอยากได้สีอื่นที่ไม่ใช่สีแดงก็แก้โค้ดสีเอาได้เลยนะคะ
    วิธีแก้โค้ดโดยที่ไม่ต้องมานั่งไล่หาทีละบรรทัดให้ตายลายก็ง่าย ๆ ค่ะ
    กด Ctrl+F ที่แป้นคีย์บอร์ดพร้อมกัน แล้วพิมพ์หาคำว่า #ea0000
    แล้วใส่โค้ดสีให้เป็นอย่างที่เราต้องการได้เลยค่ะ

    ธีมนี้ค่อนข้างที่จะเป็น Open Source นะ
    คือทุกคนสามารถนำไปดัดแปลง ตัดโน่นเติมนี่ได้ตามสบายเลยค่ะ
    จะไปเพิ่มให้ชี้ลิงค์แล้วโกร ชี้ภาพแล้วหมุน หรือใหญ่หรือเล็ก ฯลฯ ได้ตามสบาย
    ไรเตอร์ไม่ได้เปิดบทความแจกธีม อันนี้แค่ลองทำเล่น ๆ สนองนี๊ท ไม่หวงไม่ห้ามค่ะ

    แต่ให้เครดิตออริโค้ดธีมตัวนี้กับไรเตอร์บ้างก็ได้นะ
    จะได้มีกำลังใจ ลองทำเล่น ๆ เพิ่มอีกหลาย ๆ ธีม 555

    (((^_^)))



    ปล.1 ภาพพื้นหลังนี้เค้าก็แต่งเองนะ
    ถ้าจะเอาพื้นหลังนี้ไปใช้แยกส่วน กรุณาแจ้งไรเตอร์นิดนึงนะคะ


    ปล.2 เพื่อการแสดงผลที่ดีกว่า แนะนำให้โหลดฟอนต์ Acidic มาติดตั้งนะคะ
    คลิกเลย >> Click


    ปล.3 โค้ดธีมตัวนี้ แสดงผลกับ Google Chrome ได้เวิร์คที่สุดค่ะ

    ปล.4 ไรเตอร์เปิดบทความแจกธีมแล้วน๊า บังเอิญเป็นคนยุขึ้น ><
    คลิกเลยค่า >> Click



     

    <style type="text/css">
    /*combine basic theme code by Sakurai Winter*/
    /*-----------Zone A: โค้ดพื้นหลัง, เปลี่ยนรูป------------*/
    /*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
    BODY{background: url(http://image.dek-d.com/27/0367/8060/115397515); background-attachment:fixed;background-size:100% 100%;}
    /*เปลี่ยนสีพื้นหลังรอง-Sakurai Winter*/
    #big_head , .content, .box03, .box04_page {
    background: #000000 repeat; /*สีพื้นหลัง*/
    }
    #main {
    width: 987px; /*ปรับความกว้างปีกได้ค่ะ*/
    background: rgba(0, 0, 0, 0.2) repeat; /*สีพื้นหลังปีก=*/
    }
    /*เปลี่ยนสีพื้นหลังในส่วนเนื้อหา-Sakurai Winter*/
    div.story {
    background-color: #000000 !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: โค้ดเปลี่ยนสีส่วนต่าง ๆ------------*/
    /*เปลี่ยนสีไฮไลท์ตอนคลุมดำ-Sakurai Winter*/
    ::selection {
    background: none !important; /*ถ้าไม่ต้องการพื้นหลังให้ใส่ none !important ลงไปแทน#โค้ดสีนะคะ*/
            color: #f8f5fd; 
    }
    /*เปลี่ยนสี toolbar ด้านบน-Sakurai Winter*/
    toolbar-wrap, .menu-main>a,#usermenu .user-main>a, .btn, .notifications .user-main>a {
    background-color: #000000 !important;
    border: none !important;
    }
    div>div>div>div>div {
    background-color: #000000 !important;
    }
    /*เปลี่ยนสีพื้นหลัง dropdown menu-Sakurai Winter*/
    .submenu-home, .submenu-leftside, .ordinary-content, .service, .submenu-main, .search, .board-list a, .board-main, .board-hot, .recommend, .submenu-rightside .setthumbnail, .submenu-rightside .wrap-image, .service .service-admission ul li, .select, .submit, .service-education .gotpromo, .service .service-store ul li, ul.welcome-screen-ul, #usermenu .dropdown-panel, .notifications .dropdown-panel, #usermenu .popup-panel, .notifications .popup-panel, #usermenu .dropdown-panel .seemore, .notifications .dropdown-panel .seemore, #usermenu .popup-panel .seemore, .notifications .popup-panel .seemore, li, ul, .gamelist, .setstore, .submenu-rightside .score.steady, .submenu-rightside .score.orange i,  .submenu-rightside .score.steady i, .submenu-rightside .score.steady span {
    background-color: #000000 !important;
    border: none !important;
    }
    .submenu-home i {
    background-color: #ffffff !important; /*สีพื้นหลังไอคอนเล็ก ๆ หน้าเมนูย่อย*/
    color: #000000 !important; /*สีไอคอนเล็ก ๆ หน้าเมนูย่อยของปุ่ม home*/
    }
    .submenu-home a:hover, .dropdown-panel li:hover>a, .notifications .dropdown-panel li:hover>a, .submenu-leftside .submenu-list>li:hover, .submenu-leftside .submenu-supersub li a:hover, .submenu-more .submenu-main li:hover, .submenu-rightside .view-more:hover, .gamelist .view-more-quiz:hover, .submenu-home li:hover i {
    background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 100%) !important; /*สีไฮไลท์ตอนเอาเมาส์ชี้เมนูต่าง ๆ*/
    color: #ffffff !important; /*สีตัวหนังสือเวลาเอาเมาส์ชี้*/
    }
    .submenu-rightside h3, .submenu-more h3, .submenu-rightside .settime, -wrap .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li div, #noti-screen .viewport-header, .noti-screen .viewport-header, #noti-screen li .linkname, .noti-screen li .linkname {
    color: #ffffff !important; /*สีตัวหนังสือหัวข้อต่าง ๆ*/
    }
    ul.cl_pagetab.paging-default {
    background: none!important; /*ลบแถบสีตรงจำนวนหน้าคอมเม้นท์-ใช้ได้เฉพาะบทความย่อย*/
    }
    /*เปลี่ยนสี head 1-Sakurai Winter*/
    p#big_text {
    background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 60%); /*สีพื้นหลัง head 1*/
    color: #ffffff !important; /*สีตัวอักษร head1*/
    font-family: Acidic; /*รูปแบบตัวอักษร*/
    font-size: 34px; /*ขนาดตัวอักษร*/
    height: 44px; /*ความสูงของ head*/
    line-height: 44px; /*ระดับสูงต่ำของตัวอักษร ควรเป็นค่าเดียวกันกับความสูงของ head*/
    }
    /*เปลี่ยนสี head 2-Sakurai Winter*/
    h2.box02, .box01, .box04_head  {
    background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 100%); /*สีพื้นหลัง*/
    }
    h2.box02 p {
    font-size: 14px; /*ขนาดตัวอักษร*/
    color: #ffffff !important; /*สีตัวอักษร*/
    background: none;
    }
    /*เปลี่ยนสีตัวอักษรทั้งหน้า-SakuraiWinter*/
    p, body,ul.name_story li .slash {
    color: #ea0000 !important; /*เปลี่ยนสีตัวอักษรทั้งหน้า*/
    }
    /*เปลี่ยนสีลิงค์-Sakurai Winter*/
    a:link {text-decoration: none; color: #ea0000 !important} /*สีลิงค์ปกติ*/
    a:visited {text-decoration: none; color: #ea0000 !important} /*สีลิงค์ที่เคยเข้าแล้ว*/
    a:hover {text-decoration: none; color: #ffffff !important;} /*สีลิงค์ตอนเอาเมาส์ชี้*/
    /*เปลี่ยนสี rating & vote ทางขวาบน-Sakurai Winter*/
    p.vote_m {
    color: #f8f5fd !important;
    }
    /*เปลี่ยนสีตัวเลขจำนวนแชร์ด้านบน-SakuraiWinter*/
    p.box_facebook-right2 strong {
    color: #f8f5fd ; /*สีตัวอักษร*/
    }
    /*เปลี่ยนสีปุ่ม Report & Review ด้านบนขวา-Sakurai Winter*/
    .bigname_sb01 a.name_sb01 ,a.review {
    background: #000000 repeat; /*สีปุ่ม*/
    color: #f8f5fd !important; /*สีตัวหนังสือ*/
    }
    a.review:hover, .bigname_sb01:hover a.name_sb01 {
    background: -webkit-radial-gradient(center, ellipse cover, #ea0000 30%,#000000 100%) /*สีปุ่มตอนเอาเมาส์ชี้*/
    }
    /*เปลี่ยนสีป๊อปอัพปุ่ม 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: #ea0000 !important; /*สีลิงค์ปกติ*/
    }
    .bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa:hover {
    color: #ffffff !important; /*สีลิงค์ตอนเอาเมาส์ชี้*/
    }
    /*เปลี่ยนสีปุ่ม เขียนบทวิจารณ์&เขียนคำนิยม&ลบไอคอนข้างหน้า-Sakurai Winter*/
    a.box04_head03 {
    background: #000000; /*สีปุ่ม*/
    }
    /*เปลี่ยนสีพื้นหลังไอคอน month views,comments, fanclub,ปุ่มแชร์ด้านบน-Sakurai Winter*/
    ul.box_facebook li .b_fb_l_i01 {
    background-color: rgba(234, 0, 0, 0.2);
    }
    /*เปลี่ยนสีไอคอน month view, comments, fanclub,ปุ่มแชร์ ด้านบน-Sakurai Winter*/
    /*สีปุ่มเวลาปกติ*/
    ul.box_facebook li .b_fb_like a {
    background-image: linear-gradient(to top, #ea0000 , #000000); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/
    border: 0px ; /*สีเส้นขอบรอบปุ่ม*/
    }
    /*เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้*/
    ul.box_facebook li .b_fb_like a:hover {
    background-image: linear-gradient(to top , #000000 0px, #770000 100%); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/
    border: 0px ; /*สีเส้นขอบรอบปุ่ม*/
    }
    /*เปลี่ยนสีพื้นหลังตรง "กรุณาเลือกคะแนน" ในบทความย่อย-Sakurai Winter*/
    .select-style {
    background: url("img/ddl.png") no-repeat scroll 140px 0px rgba(255, 0, 0, 0.69);
    border: none !important;
    }
    /*สีตัวหนังสือในช่องคอมเม้นท์ของนักอ่าน-Sakurai Winter*/
    .comment-text {
    font-size: 14px;
    color: #f8f5fd; 
    }
    /*เปลี่ยนสีพื้นหลังกล่องคอมเม้นท์-Sakurai Winter*/
    .comment-setbubble {
    background: linear-gradient(to top, #ea0000 , #000000);
    border: none; /*ลบเส้นขอบ*/
    }
    /*เปลี่ยนสีแถบใต้กล่องคอมเม้นท์-Sakurai Winter*/
    .comment-action {
    background: linear-gradient(to top, #000000 , #ea0000);}
    /*เปลี่ยนสีหัวข้อบทวิจารณ์ คำนิยม-Sakurai Winter*/
    h2.box04_head02 {
    background: -webkit-radial-gradient(center, ellipse cover, #4f4f4f 0%,#000000 100%); /*สีหัวข้อ*/
    color: #ffffff; /*สีข้อความ*/
    }
    /*เปลี่ยนสีพื้นหลังบทวิจารณ์ คำนิยม-Sakurai Winter*/
    .box04 {
    background: -webkit-radial-gradient(center, ellipse cover, #4f4f4f 0%,#000000 100%);
    }
    /*เปลี่ยนสีกล่องคอมเม้นท์ด้านล่างสุดของบทความ-Sakurai Winter*/
    .cm-box-area {
    background-color: #000000; /*สีกล่องรอบนอก*/
    }
    .cke_skin_kama .cke_wrapper {
    background-color: #000000; /*สีแถบเมนูในกล่องคอมเม้นท์*/
    }
    span.cke_skin_kama {
    border: none; /*ลบเส้นขอบ*/
    }
    /*เปลี่ยนสีหัวข้อบุคคลทั่วไป,สมาชิกด้านบนกล่องคอมเม้นท์ด้านล่างของบทความ-Sakurai Winter*/
    .comment-tabbable .comment-tabs .active button {
    background: linear-gradient(to top, #000000 , #ea0000); /*สีพื้นหลังหัวข้อ*/
    color: #ffffff; /*สีตัวอักษร*/
    border-top: solid 5px #ea0000 ; /*แถบสีด้านบนหัวข้อ*/
    }
    /*เปลี่ยนสีปุ่ม "แสดงความเห็น"-Sakurai Winter*/
    .btn-orange {
    background: linear-gradient(to top, #ea0000 , #000000); /*สีปุ่มเวลาปกติ*/
    color:#ffffff !important; /*สีตัวหนังสือเวลาปกติ*/
    }
    .cm-box-area .comment-submit:hover {
    background: linear-gradient(to top, #000000 , #ea0000); /*สีปุ่มตอนเอาเมาส์ชี้*/
    color: #ffffff; /*สีตัวหนังสือตอนเอาเมาส์ชี้*/
    }
    .cm-box-area .comment-submit {
    text-shadow: none; /*ลบเงาตัวหนังสือ*/
    border: none; /*ลบเส้นขอบ*/
    }
    /*เปลี่ยนสี scrollbar-Sakurai Winter*/
    ::-webkit-scrollbar {
    width: 12px;
    }
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 1px;
    background: rgba(0,0,0,1);
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    background: rgba(255,0,0,0.8);    
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
    }
    /*-----------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;
    }
    /*ลบไอคอนสีเขียวตรงแถบ navigator ในบทความย่อยออก-Sakurai Winter*/
    ul.next li a {
    background: none !important;
    }
    /*ลบไอคอนข้างหน้า "เพิ่มขนาด&ลดขนาด"-Sakurai Winter*/
    ul.bigsize li a {
    background: none !important;
    }
    /*ลบไอคอนแถบค้นหาบทความ & เว็บบอร์ด writer & แจ้งบทความไม่เหมาะสม & โหวตผิดปกติ-SakuraiWinter*/
    ul.box_uu01 li a {
    background: none;
    border-right: none;
    }
    /*ลบไอคอนรูปดาวตรง "บันทึกเป็น Favorite"-Sakurai Winter*/
    .favor {
    background-image: none;
    }
    /*ลบเส้นขอบตรงคำว่า "ส่งคะแนน" ในบทความย่อย-Sakurai Winter*/
    a.vote_box3 {
    border: none! important;
    }
    /*ลบโฆษณาตรงคอมเม้นท์-Sakurai Winter*/
    #google_ads_comment1, #google_ads_comment1 li {
    display: none!important;
    }
    /*ลบพื้นสีส้มตรงหมายเลขหน้าคอมเม้นท์-Sakurai Winter*/
    .cl_pagetab li {
    background-image: none !important;
    }
    /*ลบข้อตกลง & เงื่อนไขการใช้งานด้านล่าง- 889174 Code Store*/
    div.accord,div.app-footer{display:none !important}
    /*combine basic theme code by Sakurai Winter*/</style>
     


    แถม ๆ ค่า!!
    แจกพื้นหลังเพิ่มเติม เผื่อใครอยากได้สีม่วงนะ
    แก้ลิงค์รูปตรงพื้นหลังหลักเองได้เลยนะคะ

    (คลิกที่ภาพเพื่อดูขนาดใหญ่)
    v



     

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

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

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

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

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

    ความคิดเห็น

    ×