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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์Brand & Authorityใคนเขียน html รองรับหน้าจดหลายขนาดเป็นบ้างคับช่วยหน่อย
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ใคนเขียน html รองรับหน้าจดหลายขนาดเป็นบ้างคับช่วยหน่อย  (อ่าน 1356 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
m3030001
Newbie
*

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

กระทู้: 85



ดูรายละเอียด
« เมื่อ: 06 ธันวาคม 2018, 16:43:16 »


ใคนเขียน html รองรับหน้าจดหลายขนาดเป็นบ้างคับช่วยหน่อย
 พอจะมีตัวอย่างหรือ code ก็ได้ครับ

อันนี้ตัวอย่างนะครับ
บันทึกการเข้า

ขายระบบ Proxy Player Xvideo เท่านั้น PM เลยจ้าา
dekbannok14
ก๊วนเสียว
*

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

กระทู้: 291



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 06 ธันวาคม 2018, 16:49:25 »

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
  .xxx{
    width: 50%;
  }
  @media (max-width: 767px) {
   .xxx{
    width: 100%;
  }
  }
 </style>
</head>

ประมาณ นี้ครับ
บันทึกการเข้า

เขาช้างเผือก
คลังไอที รีวิว
เที่ยวไทย Thailand Travel
สุขภาพ

รับตัด HTML+CSS ตาม Design(.PSD) ที่มีให้ โดย Bootsrap หรืออื่นๆ ลองคุยครับ
esan108
คนรักเสียว
*

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

กระทู้: 135



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 06 ธันวาคม 2018, 16:56:20 »

Respondsive Layout ด้วย CSS ครับ
https://www.w3schools.com/css/css_rwd_intro.asp
บันทึกการเข้า

เว็บไซต์เล็กๆของเด็กบ้านนอก ที่ต้องการเผยแพร่ภาษาท้องถิ่นบ้านเกิด จึงได้จัดทำเว็บไซต์อีสานร้อยแปด ขึ้นมา และรวบรวมข้อมูลภาษาอีสาน จากหลายร้อยคำศัพท์กลายเป็นฐานข้อมูลที่มีข้อมูลนับหมื่น ขอบคุณแหล่งข้อมูลต่างๆ พ่อแม่ปู่ย่าตายายทุกคน ที่ให้กำลังใจเด็กบ้านนอกคนนี้ เว็บไซต์นี้จึงตั้งใจทำขึ้นมาเพื่อให้เกิดประโยชน์กับทุกๆท่านที่ต้องการศึกษาภาษาอีสาน ครับ
 wanwan017
sinomoney
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,267



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 06 ธันวาคม 2018, 17:13:00 »

ใช้ bootstrap ง่ายดีครับ
บันทึกการเข้า

อัพเดทเพิ่มเว็บเป็น 400+ เว็บ ลูกค้าใหม่แถมสมัครเว็บทั้งหมดให้ฟรี


 
รับสอน php ออนไลน์ผ่านรีโมท
nscyber
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,092



ดูรายละเอียด
« ตอบ #4 เมื่อ: 06 ธันวาคม 2018, 18:30:26 »

getbootstrap ครับจบทุกปัญหา

https://getbootstrap.com/
บันทึกการเข้า

m3030001
Newbie
*

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

กระทู้: 85



ดูรายละเอียด
« ตอบ #5 เมื่อ: 06 ธันวาคม 2018, 20:04:52 »

จ้าง50 เขียน index ให้หน่อย
แบบบนคอม เลียง 4 รูป บนมือถือให้เหลือ 2 แบบตัวอย่าง
เขียนให้หน่อยรบกวนทีคับ
บันทึกการเข้า

ขายระบบ Proxy Player Xvideo เท่านั้น PM เลยจ้าา
2DTH
ก๊วนเสียว
*

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

กระทู้: 379



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 06 ธันวาคม 2018, 21:00:01 »

Respondsive Grid Row Layout ไม่ศึกษาไม่รู้ครับ  wanwan019
บันทึกการเข้า

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

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

กระทู้: 6,072



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 06 ธันวาคม 2018, 21:22:50 »

ใช้ bootstrap ง่ายดีครับ
ตามนี้เลย สะดวกมากครับ  wanwan013
บันทึกการเข้า

ขอแนะนำ : wanwan034

1. จดโดเมน ต่ออายุ godaddy ลด 40% ถูกที่สุดในตอนนี้! คลิก

2.จดโดเมน + private 8.88$ [namecheap]   คลิก

3.แนะนำคลาวด์โฮสติ้งไทย ที่ผมใช้อยู่ [Thaidata]   คลิก
pond_z1000
สมุนแก๊งเสียว
*

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

กระทู้: 836



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 07 ธันวาคม 2018, 13:19:33 »

ศึกษา CSS Responsive ครับ
บันทึกการเข้า

cfmoto
lambretta
cb650r
cbr650r
z400


kawasaki honda แนะนำเว็บไซต์ให้ข้อมูลเกี่ยวกับรถมอเตอร์ไซค์ Bigbike สเปครายละเอียดรถ SuperBike โปรโมชั่นบิ๊กไบค์ ตางผ่อนดาวน์บิ๊กไบค์
killer777
สมุนแก๊งเสียว
*

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

กระทู้: 950



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 08 ธันวาคม 2018, 00:11:21 »

framework html จบครับ
บันทึกการเข้า

รับทำแอพ
IDMAXIMUM Co., Ltd.
be-bb
ก๊วนเสียว
*

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

กระทู้: 428



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 08 ธันวาคม 2018, 13:29:09 »

ตัวอย่างๆ  wanwan021

อ้างถึง
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 <style>
  .xx{
    width: 49%;
   height: 45%;
   margin: 0.5%;
    background-color: #FF7173;
   float: left;
  }
   .xx2{
    width: 100%;
   margin-left: auto;
   margin-right: auto;
   
  }
   
  @media screen and (min-width: 240px){
  .xx{
    width: 49%;
   height: 45%;
   margin: 0.5%;
    background-color: #FF7173;
   float: left;
  }
   .xx2{
    width: 100%;
   margin-left: auto;
   margin-right: auto;
   
  }
   }
  @media screen and (min-width: 1000px){
  .xx{
    width: 32%;
   height: 45%;
   margin: 0.5%;
   background-color: #FF7173;
   float: left;
  }     
   .xx2{
    width: 1000px;
   margin-left: auto;
   margin-right: auto;
   
  }
  }
 </style>
</head>

<body>
<div class="xx2">
  <div class="xx"></div>
  <div class="xx"></div>
  <div class="xx"></div>
  <div class="xx"></div>
  <div class="xx"></div>
</div>
</body>
</html>
« แก้ไขครั้งสุดท้าย: 08 ธันวาคม 2018, 13:30:51 โดย be-bb » บันทึกการเข้า

Design2018
Newbie
*

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

กระทู้: 28



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 08 ธันวาคม 2018, 19:22:49 »

อยากให้ช่วยแก้ไขหัวข้อกระทู้ให้ถูกด้วยครับ หน้าจอ ไม่ใช่หน้าจด ครับ
บันทึกการเข้า
gamekittituh
Newbie
*

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

กระทู้: 31



ดูรายละเอียด
« ตอบ #12 เมื่อ: 09 ธันวาคม 2018, 01:28:36 »

bootstrap หรือ W3S และเจ้าอื่นๆครับลองศึกษาดูไม่ยากอย่างที่คิด
บันทึกการเข้า

ก็แค่คนธรรมดาคนนึง
หน้า: [1]   ขึ้นบน
พิมพ์