{ Winter Code Room }

ลำดับตอนที่ #53 : [Ver.2] เปลี่ยนสีแถบ Toolbar ด้านบน - edit 19/1/2016

เปลี่ยนสีแถบ Toolbar ด้านบน
(ของบทความใหม่)

- Edit: 19/1/2016

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



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

<style type="text/css">

/*เปลี่ยนสีแถบ toolbar ด้านบน v.2-Sakurai Winter*/

.toolbar-container {

    background: #โค้ดสี !important;

    box-shadow: inset 1px 0px 0px 0px #โค้ดสี !important;

    border-left: 1px solid #โค้ดสี !important;

}

.toolbar {

    background: #โค้ดสี !important;

    box-shadow: 0 0 1px 1px rgba(0,0,0,0.3),inset 0 0 1px 0 #โค้ดสี !important;

    text-shadow: none;

}

.toolbar-menu-item {

    box-shadow: none !important;

    border-right: none !important;

}

.toolbar-user-menu {

    box-shadow: none !important;

    border-left: none !important;

}

toolbar-wrap, .menu-main>a,#usermenu .user-main>a, .btn, .notifications .user-main>a {

    background-color: #โค้ดสี !important;

    border: none !important;

}

div>div>div>div>div {

    background-color: #โค้ดสี !important;

}

</style>

[โค้ดที่เกี่ยวข้อง >> เปลี่ยนสีพื้นหลัง dropdown menu]

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