{ Winter Code Room }

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

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) นะคะ ใส่เพิ่มเอาเองได้เลย**