Q - วิธีเปลี่ยนสีแถบเมนู

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: Q - วิธีเปลี่ยนสีแถบเมนู

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย Parichat » 24/05/2018 3:33 pm

tsukasaz เขียน:ใส่ color ให้ขีดๆ
ได้แล้วค่ะเพิ่มตรง before ที่อยู่ใน class navbar-light ตรง content ให้เป็น '\f0c9' ดังโค้ด

โค้ด: เลือกทั้งหมด

before {
    content: '\f0c9';
}
ผลลัพธ์ที่ได้ดังรูป
ase.png
ase.png (24.77 KiB) Viewed 1642 times

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย tsukasaz » 24/05/2018 3:24 pm

ใส่ color ให้ขีดๆ

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย Parichat » 24/05/2018 3:16 pm

tsukasaz เขียน:ลองลบ navbackground ออก
ลองลบออกแล้วค่ะเป็นเหมือนเดิมค่ะ
asdf.png
asdf.png (25.91 KiB) Viewed 1944 times

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย tsukasaz » 24/05/2018 3:01 pm

ลองลบ navbackground ออก

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย Parichat » 24/05/2018 2:55 pm

tsukasaz เขียน:ใช้คำสั่ง css กำหนด background-color เป็นสีดำครับ
ทำได้แล้วค่ะแต่ตอนที่ทำหน้าจอให้เล็กลงเมนูเบอร์เกอร์ 3 ขีดมันเป็นสีดำไปหมดเลยค่ะ ดังรูป
asd.png
asd.png (3.8 KiB) Viewed 2848 times
โค้ดcss ที่เพิ่ม

โค้ด: เลือกทั้งหมด

nav.navbackground{
	background-color: #000000;
}
โค้ดที่เรียกใช้ใน HTML

โค้ด: เลือกทั้งหมด

<nav class="navbar navbar-expand-lg navbackground">

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย tsukasaz » 24/05/2018 2:33 pm

ใช้คำสั่ง css กำหนด background-color เป็นสีดำครับ

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย Parichat » 24/05/2018 2:27 pm

tsukasaz เขียน:

โค้ด: เลือกทั้งหมด

<nav class="navbar navbar-expand-lg navbar-light bg-light">
ลองตรวจสอบชื่อ Class จากตัวอย่างในเว็บ Bootstrap

https://getbootstrap.com/docs/4.1/compo ... or-schemes
ลองเปลี่ยนเป็น

โค้ด: เลือกทั้งหมด

<nav class="navbar navbar-expand-lg navbar-light bg-dark">
ผลลัพธ์ที่ได้คือมันไม่เป็นสีดำแต่จะเป็นสีเทาเข้มอะค่ะ
รูปผลลัพธ์
ac.png

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย tsukasaz » 24/05/2018 2:18 pm

โค้ด: เลือกทั้งหมด

<nav class="navbar navbar-expand-lg navbar-light bg-light">
ลองตรวจสอบชื่อ Class จากตัวอย่างในเว็บ Bootstrap

https://getbootstrap.com/docs/4.1/compo ... or-schemes

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย Parichat » 24/05/2018 2:08 pm

tsukasaz เขียน:หมายถึงสีอักษรหรอครับ
สีของแถบเมนูอะค่ะ

Re: Q - วิธีเปลี่ยนสีแถบเมนู

โดย tsukasaz » 24/05/2018 1:51 pm

หมายถึงสีอักษรหรอครับ

ข้างบน