Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
Moderator: mindphp
-
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
อยากทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วนดังตัวอย่าง
ตอนนี้ทำได้ดังรูป ต้องเขียนโค้ดอะไรเพิ่มค่ะ
ขอบคุณค่ะ
ตอนนี้ทำได้ดังรูป ต้องเขียนโค้ดอะไรเพิ่มค่ะ
ขอบคุณค่ะ
Live Simply, Laugh Often, Love Deeply.....
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41410
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
รูปตัวอย่าง ภาพแรกเอามาจากไหน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
-
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
เอามาจากเว็บ w3schools ค่ะmindphp เขียน:รูปตัวอย่าง ภาพแรกเอามาจากไหน
Live Simply, Laugh Often, Love Deeply.....
- tsukasaz
- PHP VIP Members
- โพสต์: 22143
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
ใช้ css ธรรมดา หรือ ใช้ css framework อะไร
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
-
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
มีที่เป็นใช้ css ธรรมดาและมีที่ต้องทำcss ใน joomla ค่ะtsukasaz เขียน:ใช้ css ธรรมดา หรือ ใช้ css framework อะไร
Live Simply, Laugh Often, Love Deeply.....
- tsukasaz
- PHP VIP Members
- โพสต์: 22143
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
เลือกใช้ 2 แบบ คือ
1. มีเมนู 2 อัน อันนึงแสดงแบบเต็มตลอด กับ อีกอันแสดงแบบย่อ แล้วใช้ class ของ bootstap ใน joomla เป็นตัวคุมการแสดงผล
กำหนดให้ เมนูแบบเต็ม จะแสดงจนกว่าขนาดหน้าจอจะเล็กเท่ากับมือถือ
2. ปรับ css เอง โดยปกติ bootstap ใน joomla เมนูจะย่อก็ต่อเมื่อหน้าจอขนาดน้อยกว่า 768px
เราต้องใช้เครื่องมือตรวจสอบหน้าเว็บไซต์ของ Browser เพื่อปรับแก้ css เอง
1. มีเมนู 2 อัน อันนึงแสดงแบบเต็มตลอด กับ อีกอันแสดงแบบย่อ แล้วใช้ class ของ bootstap ใน joomla เป็นตัวคุมการแสดงผล
กำหนดให้ เมนูแบบเต็ม จะแสดงจนกว่าขนาดหน้าจอจะเล็กเท่ากับมือถือ
2. ปรับ css เอง โดยปกติ bootstap ใน joomla เมนูจะย่อก็ต่อเมื่อหน้าจอขนาดน้อยกว่า 768px
เราต้องใช้เครื่องมือตรวจสอบหน้าเว็บไซต์ของ Browser เพื่อปรับแก้ css เอง
โค้ด: เลือกทั้งหมด
/* Large desktop */
@media (min-width: 1200px) { ... }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
-
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
ลองเอาไปปรับใช้แล้วมันไม่ได้อะค่ะ
Live Simply, Laugh Often, Love Deeply.....
- tsukasaz
- PHP VIP Members
- โพสต์: 22143
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
ปรับอะไร ใครรู้บอกที
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
-
- PHP VIP Members
- โพสต์: 4859
- ลงทะเบียนเมื่อ: 08/01/2018 10:03 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
ปรับเมนูคราบtsukasaz เขียน:ปรับอะไร ใครรู้บอกที
Live Simply, Laugh Often, Love Deeply.....
- tsukasaz
- PHP VIP Members
- โพสต์: 22143
- ลงทะเบียนเมื่อ: 18/04/2012 9:39 am
Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
ครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: Google Adsense [Bot] และบุคลทั่วไป 84