Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

อยากทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วนดังตัวอย่าง
ader.png
ader.png (3.77 KiB) Viewed 2030 times
ตอนนี้ทำได้ดังรูป
aetg.png
aetg.png (1004 ไบต์) Viewed 2030 times
ต้องเขียนโค้ดอะไรเพิ่มค่ะ
ขอบคุณค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41125
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

รูปตัวอย่าง ภาพแรกเอามาจากไหน
ติดตาม 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
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

mindphp เขียน:รูปตัวอย่าง ภาพแรกเอามาจากไหน
เอามาจากเว็บ w3schools ค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ใช้ css ธรรมดา หรือ ใช้ css framework อะไร
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:ใช้ css ธรรมดา หรือ ใช้ css framework อะไร
มีที่เป็นใช้ css ธรรมดาและมีที่ต้องทำcss ใน joomla ค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

เลือกใช้ 2 แบบ คือ
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)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

ลองเอาไปปรับใช้แล้วมันไม่ได้อะค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ปรับอะไร ใครรู้บอกที
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:ปรับอะไร ใครรู้บอกที
ปรับเมนูคราบ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 43