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 » 13/06/2018 6:08 pm

tsukasaz เขียน:ปรับอะไร ใครรู้บอกที
ปรับเมนูคราบ

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

โดย tsukasaz » 13/06/2018 5:49 pm

ปรับอะไร ใครรู้บอกที

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

โดย Parichat » 13/06/2018 5:43 pm

ลองเอาไปปรับใช้แล้วมันไม่ได้อะค่ะ

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

โดย tsukasaz » 13/06/2018 3:44 pm

เลือกใช้ 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) { ... }

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

โดย Parichat » 13/06/2018 3:24 pm

tsukasaz เขียน:ใช้ css ธรรมดา หรือ ใช้ css framework อะไร
มีที่เป็นใช้ css ธรรมดาและมีที่ต้องทำcss ใน joomla ค่ะ

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

โดย tsukasaz » 13/06/2018 2:20 pm

ใช้ css ธรรมดา หรือ ใช้ css framework อะไร

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

โดย Parichat » 26/05/2018 4:54 pm

mindphp เขียน:รูปตัวอย่าง ภาพแรกเอามาจากไหน
เอามาจากเว็บ w3schools ค่ะ

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

โดย mindphp » 26/05/2018 4:27 pm

รูปตัวอย่าง ภาพแรกเอามาจากไหน

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

โดย Parichat » 26/05/2018 3:35 pm

อยากทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วนดังตัวอย่าง
ader.png
ader.png (3.77 KiB) Viewed 2033 times
ตอนนี้ทำได้ดังรูป
aetg.png
aetg.png (1004 ไบต์) Viewed 2033 times
ต้องเขียนโค้ดอะไรเพิ่มค่ะ
ขอบคุณค่ะ

ข้างบน