ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ
เช่น จาก ในเว็บ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,เมนู,ล็อคอิน
ในมือถือจะเปลี่ยนเป็น หัวข้อ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,ล็อคอิน เมนู
ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ
Moderator: mindphp
- pond
- PHP Super Hero Member
- โพสต์: 570
- ลงทะเบียนเมื่อ: 25/05/2016 9:44 am
-
- PHP Hero Member
- โพสต์: 156
- ลงทะเบียนเมื่อ: 20/11/2015 9:05 am
Re: ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ
code ตัวอย่าง คร่าวๆ
ตามที่คุณบอก ในเว็บ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,เมนู,ล็อคอิน
ในมือถือจะเปลี่ยนเป็น หัวข้อ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,ล็อคอิน ,เมนู
ตามที่คุณบอก ในเว็บ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,เมนู,ล็อคอิน
ในมือถือจะเปลี่ยนเป็น หัวข้อ หัวข้อ โลโก้,ค้นหา,แบนเนอร์,ล็อคอิน ,เมนู
โค้ด: เลือกทั้งหมด
<style>
@media (min-width: 768px){
.destop-left{
float:left;
}
.full-nav-80{
width:80%;
}
.full-nav-10{
width:10%;
}
.full-nav-10{
width:10%;
}
}
@media (max-width: 768px){
.destop-mobile-right{
float:right !important;
}
}
</style>
<div class="full-nav-80 destop-left">
หัวข้อ โลโก้,ค้นหา,แบนเนอร์
</div>
<div class="full-nav-10 destop-left">
เมนู
</div>
<div class="full-nav-10 destop-left destop-mobile-right">
ล็อคอิน
</div>
- pond
- PHP Super Hero Member
- โพสต์: 570
- ลงทะเบียนเมื่อ: 25/05/2016 9:44 am
Re: ทำยังไงให้รูปแบบแสดงบนมือถือเปลี่ยนตำแหน่งกันครับ
ได้แล้วครับ สร้างสองอันเลย ตอนเป็นมืออันไหนไม่ใช้ก็ display none
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 78