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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #54 : [Ver.2] เปลี่ยนสี dropdown menu - Edit เพิ่มเติม 10/04/57@02.16

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


    edit เพิ่มเติม >>เพิ่มข้อบ่งใช้เพิ่มเติมป้องกันความเข้าใจผิดเล็กน้อย -10/04/57@12.59
     

    เปลี่ยนสี dropdown menu
    (ของบทความใหม่)


    โค้ดนี้จะเปลี่ยนสี dropdown menu เมื่อชี้แถบ toolbar ด้านบนแล้ว
    ตรงส่วนนี้ค่ะ (ดูตัวอย่างการใช้งานจริงได้ที่ >> Click)

    v


    **คำเตือน**
    v
    ข้อจำกัดของโค้ดเปลี่ยนสีแถบ toolbar และ dropdown menu
    ก็คือ...
    พื้นหลังรองห้ามเป็นรูปภาพ หรือห้ามเป็นพื้นหลังโปร่งใสนะคะ

    ทั้งสี toolbar สี dropdown menu สีพื้นหลังรอง และสีพื้นหลังในส่วนเนื้อหา จะต้องเป็นสีเดียวกันเท่านั้น!
    ไม่อย่างนั้นเละค่ะ เตือนไว้ก่อนน๊า

     

    <style type="text/css">
    /*เปลี่ยนสีพื้นหลัง 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: #โค้ดสี !important;
    border: none !important;
    }
    .submenu-home i {
    background-color: #โค้ดสี !important; /*สีพื้นหลังไอคอนเล็ก ๆ หน้าเมนูย่อย*/
    color: #โค้ดสี !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-color: #โค้ดสี !important; /*สีไฮไลท์ตอนเอาเมาส์ชี้เมนูต่าง ๆ*/
    color: #โค้ดสี !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: #โค้ดสี !important; /*สีตัวหนังสือหัวข้อต่าง ๆ*/
    }
    ul.cl_pagetab.paging-default {
    background: none!important; /*ลบแถบสีตรงจำนวนหน้าคอมเม้นท์-ใช้ได้เฉพาะบทความย่อย*/
    }
    </style>

    [โค้ดที่เกี่ยวข้อง >> เปลี่ยนสีแถบ toolbar ด้านบน]

    **โค้ดตัวนี้จะไม่ใส่ลงใปในโค้ดรวมธีมพื้นฐาน (ตอนย่อยที่ 38) นะคะ ใส่เพิ่มเอาเองได้เลย**



     

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

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

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

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

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

    ความคิดเห็น

    ×