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

ค่าเริ่มต้น

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

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

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


     

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


     

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

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

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

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

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

    ความคิดเห็น

    ×