ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingสอบถามถ้าอยากทำ Responsive ให้เเสดงผลเเบบนี้ต้องเขียนโค้ดยังไงครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามถ้าอยากทำ Responsive ให้เเสดงผลเเบบนี้ต้องเขียนโค้ดยังไงครับ  (อ่าน 1118 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
waruts
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 423



ดูรายละเอียด
« เมื่อ: 16 เมษายน 2015, 17:21:13 »

ผมเป็นมือใหม่ครับอยากศึกษาเรื่องการเขียนเว็บเเบบ Responsive เเต่หาวิธีการเขียนโค้ดเเบบนี้เท่าไรก็หาไม่เจอซักทีครับ เลยอยากสอบถามพี่ๆว่า เว็บที่เขาเขียนโค้ดในลักษณะนี้ทำยังไงครับ หรือถ้าผมจะกำหนดรูปเเบบโดย Dreamweaver ต้องใช้คำสั่งตัวไหน

หน้าจอการเเสดงผลบน Mobile

หน้าจอการเเสดงผลผ่าน PC
ขอบคุณครับ
บันทึกการเข้า
fangbif
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 283
ออฟไลน์ ออฟไลน์

กระทู้: 2,318



ดูรายละเอียด
« ตอบ #1 เมื่อ: 16 เมษายน 2015, 17:22:59 »

ซื้อสำเร็จจาก Themeforest เลยค่ะ

ลองศึกษา Media Queries ดู

แล้วก็ สมัยนี้ใครๆ ก็ต้องอันนี้เลย >> Bootstrap
« แก้ไขครั้งสุดท้าย: 16 เมษายน 2015, 17:24:18 โดย fangbif » บันทึกการเข้า
waruts
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 423



ดูรายละเอียด
« ตอบ #2 เมื่อ: 16 เมษายน 2015, 17:27:46 »

ซื้อสำเร็จจาก Themeforest เลยค่ะ


ลองศึกษา Media Queries ดู

แล้วก็ สมัยนี้ใครๆ ก็ต้องอันนี้เลย >> Bootstrap
ซื้อสำเร็จจาก Themeforest เลยค่ะ
เเล้วถ้าเอาเเบบหาโค้ดมาเองมีไหมครับ อยากลองศึกษาดูก่อนครับ
« แก้ไขครั้งสุดท้าย: 16 เมษายน 2015, 17:28:30 โดย waruts » บันทึกการเข้า
fangbif
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 283
ออฟไลน์ ออฟไลน์

กระทู้: 2,318



ดูรายละเอียด
« ตอบ #3 เมื่อ: 16 เมษายน 2015, 17:34:31 »

Boostrap ค่ะ
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 16 เมษายน 2015, 17:35:01 »

จริงๆ มีเครื่องมือช่วยสร้าง responsive menu หลายเว็บเลยนะครับ
อย่างเช่น
โค๊ด:
http://cssmenumaker.com/builder/5434651

หรือตัวอย่างที่เป็นบทความเลย
โค๊ด:
http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/

ลองดูครับ
บันทึกการเข้า

ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
sputtaro
สมุนแก๊งเสียว
*

พลังน้ำใจ: 139
ออฟไลน์ ออฟไลน์

กระทู้: 910



ดูรายละเอียด
« ตอบ #5 เมื่อ: 16 เมษายน 2015, 17:35:58 »

ออกแบบให้ใช้ในมือถือทำได้หลายวิธี บางเท็มเพลทที่ผมซื้อมา( เป็น HTML5 CSS3 )คนออกแบบใช้ java script   แต่สุดท้าย ผมก็แก้ให้ใช้ bootstrap แทน เพราะคุ้นเคยที่สุด (ที่จริง bootstrap ใช้เมนูที่ออกแบบด้วยจาวาเหมือนกันนะครับ )
ถ้าอยากลองแบบ responsive framework ก็ลองศึกษาดูครับ ไม่ยากเลย bootstrap หรือ foundation ก็ได้ครับ
« แก้ไขครั้งสุดท้าย: 16 เมษายน 2015, 17:39:38 โดย sputtaro » บันทึกการเข้า
bonkbonk
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 2,784



ดูรายละเอียด
« ตอบ #6 เมื่อ: 16 เมษายน 2015, 18:53:55 »

เจ้าของเว็บนั้นก็อยู่ในบอร์ดนี้แหละ  wanwan008
บันทึกการเข้า

ptteppawong
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 316
ออฟไลน์ ออฟไลน์

กระทู้: 4,787



ดูรายละเอียด
« ตอบ #7 เมื่อ: 17 เมษายน 2015, 08:17:23 »

จริงๆ มีเครื่องมือช่วยสร้าง responsive menu หลายเว็บเลยนะครับ
อย่างเช่น
โค๊ด:
http://cssmenumaker.com/builder/5434651

หรือตัวอย่างที่เป็นบทความเลย
โค๊ด:
http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/

ลองดูครับ


อันนี้เจ๋งดี ขอบคุณมากครับ
บันทึกการเข้า
ammarinza2425
คนรักเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 193



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 17 เมษายน 2015, 12:34:48 »

ผมใช้ blogger อยากได้แบบนี้มั้ง  Cry
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์