ปรับแต่ง jquery tab ยังไงครับเช่นแก้ สีตัวอักษร เปลี่ยนพื้นหลัง  สร้างคำถาม

 3,561 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 28/03/2013

ปรับแต่ง jquery tab ยังไงครับเช่นแก้ สีตัวอักษร เปลี่ยนพื้นหลัง

แก้ไข Style Sheet เพิ่มเติมครับ
ตามตัวอย่าง

#myTabs {
border:1px solid #636363; width:800px;
background:#c2c2c2 none; padding:5px;
}
.ui-widget-header {
border:0; background:#f6a828 none; font-family:Georgia;
}
#myTabs .ui-widget-content {
border:1px solid #aaaaaa; background:#ffffff none;
font-size:80%;
}

ปรับแต่งพื้นหลังของ Tab Default กับ Tab ที่ Active อยู่ตามนี้เลย

.ui-state-default, .ui-widget-content .ui-state-default {
background:#CCFF33 none;
border:1px solid #cccccc;
background-image:url('paper.gif');
}
.ui-state-active, .ui-widget-content .ui-state-active {
background:#ffffff none;
border:1px solid #fbd850;
background-image:url('paper.gif');
}

เพิ่มเติม : #myTabs คือ id ของ tab เรานะครับ


ถ้าชอบบทความนี้ กด Like เลย :ปรับแต่ง jquery tab ยังไงครับเช่นแก้ สีตัวอักษร เปลี่ยนพื้นหลัง

 3,561 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 28/03/2013



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่

#1.    เอก ↓
@ เปลี่ยนสี font ตรง TAB ลองแบบนี้ดูครับ

.ui-tabs .ui-tabs-nav li a {
color:#ffffff;
}

...............................................



× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  คำสั่ง Unix VI เบื้องต้น รู้คร่าวๆ พอให้แก้ปัญหาเฉพาะหน้าได้นะ ถามเมื่อ (2018-04-24)   2,345 views  (ดูล่าสุดเมื่อ 13 วินาที!!)

  PLSQL วิธี ตัดเคาะ Enter ออก ลองใช้ trim แล้วไม่ได้ ถามเมื่อ (2017-03-03)   2,838 views  (ดูล่าสุดเมื่อ 3 นาที)

  แจก Code jQuery วิธีการจัดการกับ checkbox ถามเมื่อ (2019-06-01)   2,241 views  (ดูล่าสุดเมื่อ 5 นาที)

  synchronized java คืออะไรครับ ถามเมื่อ (2014-05-16)   2,970 views  (ดูล่าสุดเมื่อ 10 นาที)

  Bootstrap การจัดการ grid เพื่อให้รองรับกับหน้าจอทุกขนาด xs sm md lg ถามเมื่อ (2017-12-04)   1,887 views  (ดูล่าสุดเมื่อ 23 นาที)

  Hbase Schema Design วีดีโอที่ดูแล้วได้ความรู้ ถามเมื่อ (2017-02-07)   2,986 views  (ดูล่าสุดเมื่อ 23 นาที)

  Elasticsearch คืออะไร ถามเมื่อ (2015-09-30)   2,503 views  (ดูล่าสุดเมื่อ 26 นาที)

  SQL Command Mysql nvl เช็ค null เหมือน Oracle ยังไง ถามเมื่อ (2018-07-04)   5,306 views  (ดูล่าสุดเมื่อ 27 นาที)

  Spring Boot คืออะไร ต่างจาก Spring Framework ยังไง ถามเมื่อ (2018-12-21)   5,926 views  (ดูล่าสุดเมื่อ 28 นาที)

  ORACLE alter table not null ยังไงครับ ถามเมื่อ (2017-11-10)   2,046 views  (ดูล่าสุดเมื่อ 33 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com