fordev22.com รับพัฒนาระบบ รับพัฒนาเว็บแอพพลิเคชั่น รับพัฒนาเว็บไซต์ รับเขียนโปรแกรม สอนทำเว็บ สอนเขียนเว็บ สอนทำเว็บ php สอนBootstrap สอนทำเว็บราคาถูก รับทำเว็บไซต์ราคาถูก โปรเจ็คจบ ทำเว็บแบบง่าย ๆ สอนทำเว็บรองรับมือถือ สอนทำเว็บรองรับทุกอุปกรณ์ สอนคอมพิวเตอร์ html php css web app sql Bootstrap Mysql XAMPP

Bootstrap EP.3 การเปลี่ยนสี Navbar
ในการทำเว็บไซต์ หากนำ Framework มาใช้งาน
แล้วสีต่าง ๆ ไม่ตรงตามความต้องการ ก็อาจไม่สวยงาม
อย่างที่ผู้พัฒนาคิดไว้ แต่ทาง fordev22.com ได้นำวิธีการ
เปลี่ยนสี Navbar มาให้แล้วเพื่อให้ผู้พัฒนา เปลี่ยนได้อย่าง
ตามต้องการ คลิ๊กดูคลิปวีดีโอได้เลย

โค๊ดที่ใส่ในไฟล์ css

/*แทบเมนูด้านบน*/.navbar {
background: #FF99CC;
border-color: #09F;

}

/*สีและเส้นขอบปุ่มสี่เหลี่ยม*/.navbar-default .navbar-toggle {
    border-color: #FFF;
	background:#fff;
}

/*สีแถบเวลาชี้ลิงค์*/#bs-example-navbar-collapse-1 li:hover{
	background:#fff;
	box-shadow: 0px 5px #51C1F1 inset; /*เส้นข้างบนแถบ*/
}

/*แทบเมนูด้านบน*/.navbar {

background: #FF99CC;

border-color: #09F;

}

/*สีและเส้นขอบปุ่มสี่เหลี่ยม*/.navbar-default .navbar-toggle {

border-color: #FFF;

background:#fff;

}

/*สีแถบเวลาชี้ลิงค์*/#bs-example-navbar-collapse-1 li:hover{

background:#fff;

box-shadow: 0px 5px #51C1F1 inset; /*เส้นข้างบนแถบ*/

}

You might also like