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

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

  แสดงกระทู้
หน้า: [1] 2 3 ... 13
1  พัฒนาเว็บไซต์ / Programming / Re: รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 13 มีนาคม 2014, 13:37:54
 wanwan017
2  พัฒนาเว็บไซต์ / Programming / Re: รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 13 มีนาคม 2014, 13:32:10
ที่ผมเข้าใจคือต้องการให้ทั้งฟอนต์และภาพ ขยายตามขนาดหน้าจอใช่ไหมครับ

ภาพถ้าต้องการให้เต็มจอ ก็กำหนดขนาดความกว้างเป็น 100% เอาไงครับ

โค๊ด:
img {
     width: 100%;
     height: auto;
}

ส่วนข้อความให้กำหนดเอาตามขนาดจอครับ โดยใช้ CSS ช่วยว่าจะให้มีขนาดเท่าไหร่

โค๊ด:
@media (min-width: 1280px ) { 
     font-size: 16px;
}
@media (min-width: 1024px ) {
     font-size: 14px;
}
@media (min-width: 800px ) {
     font-size: 12px;
}


ลองใช้โค๊ดที่แนะนำแล้ว แต่มันแสดงผลแต่ละบราวเซอร์ต่างกันค่ะ (ดังรุปด้านบน) ใน firefox และ ie ภาพจะขยายเลยหน้าจอไปเลย ทำให้ต้องเลื่อนสกรอบาร์ จะเห็นภาพเท่าต้นฉบับจริง
แต่ใน chrome ไม่เป็นค่ะ เห็นพอดีหน้าจอ ลองดูให้หน่อยได้ไหมคะว่าโค๊ดแบบนี้ถูกไหม http://www.enjoy-outside.com/test7.html
อยากให้การแสดงผลคล้ายๆเว็บผู้จัดการค่ะ คือ ไม่ว่าหน้าจอเราจะตั้งค่าความละเอียดไว้ที่เท่าไหร่ ก็จะเหนสัดส่วนเต็มหน้าจอ ไม่ต้องเลื่อนสกรอบาร์ไปซ้ายหรือขวา แบบนี้อะค่ะ
ปัญหาคือแก้ไขโค๊ดบางอย่างเองไม่ค่อยเป็นค่ะ  Tongue มือสมัครเล่นจริงๆ  wanwan008
3  พัฒนาเว็บไซต์ / Programming / Re: รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 10 มีนาคม 2014, 02:15:44
ตอนนี้ปัญหาน่าจะเป็นเพราะ บราวเซอร์แสดงผลต่างกัน chrome / firefox  / ie
แล้วจะแก้ไข ปรับแต่งโค๊ดยังไงดีคะ  Tongue
4  พัฒนาเว็บไซต์ / Programming / Re: รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 10 มีนาคม 2014, 02:05:33
ใช้ max-width มากำหนดครับ wanwan016
โค๊ด:
<style>
img{
max-width:100%;
height:auto;
}
</style>



ทำตามคุณ max30012540 แนะนำแล้วผลออกมาเป็นดังนี้ค่ะ
http://www.enjoy-outside.com/test7.html

หน้าจอ 1600 หรือเล็กกว่า
ภาพอยู่ในกรอบพอดี ไม่ล้น

แต่อีกเครื่อง จอ 1920
รูปภาพล้นขนาดหน้าจอออกมา จนต้องเลื่อน scroll bar เป็นงงเลยค่ะ  Lips Sealed

ไม่ทราบยังทำอะไรผิดไปหรือเปล่าคะ ขอบคุณอีกครั้งค่ะ  Embarrassed wanwan017
5  พัฒนาเว็บไซต์ / Programming / Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 23:58:05
แก้ไขๆครับ เอาแถบเมนูลากยาวมาจนสุดเอกสารเลยครับ (แนะนำ)
ผมทำ Responsive แบบง่ายๆให้ด้วยครับ จขกท. ลองใช้ Smart device ต่างๆ ที่หน้าจอใหญ่น้อยกว่า 768px เข้าดูครับ Embarrassed
http://host-1gb.com/code/test3_files/test3.html


ขอบคุณมากๆเลยค่ะ
แบบนี้ก็ได้ค่ะ เห็นเมนูครบ ถึงจะไม่ fix แต่ ดูใน note 2 มองไม่เห็นเมนุเขียวเลยค่ะ  Tongue เมนุหายไปเลย  wanwan008


--------------------------
อ้อ เจอแล้วค่ะ อิอิ ขอบคุณมากๆเลยค่ะ  Embarrassed wanwan017
6  พัฒนาเว็บไซต์ / Programming / Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 21:52:13
ให้เมนูเลื่อนขึ้นลงให้ครบ แต่ไม่ต้องการเห็นแถบ สกรอบาร์ ทำอย่างไรคะ  wanwan008

ลิงค์นี้ http://www.enjoy-outside.com/test3.html   wanwan017
7  พัฒนาเว็บไซต์ / Programming / Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 21:09:37
แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue



ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย
ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ  Lips Sealed Tongue

แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html

ที่มันขยายตามเพราะคุณกำหนดค่าเป็น % มันจะดึง % ตามขนาดของจอครับ ถ้าจอใหญ่ ความระเอียดต่ำมันก็จะใหญ่ ถ้าจอใหญ่ ความระเอียดสูงมันก็จะเล็ก
กำหนดเป็นค่า px จะดีกว่าครับ ลองดูนะครับ


ถ้ากำหนดเป็น px ตัวเว็บจะยังขยายตามขนาดหน้าจอหรือไม่คะ หลักๆแล้วอยากให้เว็บ (รุป + เนื้อหา) ขยายหรือหดตามขนาดหน้าจอ และต้องการให้เมนูด้านซ้าย fixed ตำแหน่งเวลาเราเลื่อนเนื้อหาขึ้นลงค่ะ

ไม่ค่อยมีความรู้เรื่อง code ด้วยลองเล่นในดรีมดูค่ะ  Tongue
8  พัฒนาเว็บไซต์ / Programming / Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 21:05:43
ลองใส่ margin:0px; ลงใน body ของ css ดูครับ

+1 เอาของของอันนี้ /test2.html มาปรับตามที่คุณแนะนำแล้ว ตอนนี้ชิดขอบแล้วค่ะ แต่อยากให้มัน fixed เมนู (พื้นที่สีเขียว) ไม่ว่าเราจะเลื่อนเนื้อหาขึ้นหรือลง ไว้ที่เดิมด้วยค่ะ ขอบคุณค่ะ
9  พัฒนาเว็บไซต์ / Programming / Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 20:54:18
แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue



ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย
ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ  Lips Sealed Tongue

แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html
10  พัฒนาเว็บไซต์ / Programming / เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เมื่อ: 09 มีนาคม 2014, 20:28:43
รบกวนสอบถามค่ะ

อยากให้เมนูสีเขียวด้านซ้ายติดขอบบน ล่าง และซ้าย และไม่เลื่อนไปไหนเลย แบบ fixed
http://www.enjoy-outside.com/test2.html

จะแก้ไขโค๊ดยังไงดีคะ ถ้าตั้ง position เป็น fixed แบบตัวอย่างลิงค์นี้ http://www.enjoy-outside.com/test1.html
จะทำให้ไม่สามารถมองเห็นแถบเมนูได้ทุกส่วนค่ะ เช่น ถ้าดูในไอแพดจะไม่สามารถมองเห็น เลข 1 2 3 4 5 ตรงด้านล่างได้
แต่ถ้าดูในคอมจะมองเห็นทุกส่วน  ดูในมือถือเวลาขยาย ส่วนของเมนูจะขยายตาม เต็มหน้าจอจนไม่สามารถเห็นแถบสีน้ำตาลในส่วนของเนื้อหาได้ค่ะ

 wanwan008 ไม่ทราบจะแก้ไข หรือเขียนโค๊ดใหม่ยังไงดีคะ +1
ขอบคุณมากค่ะ  Embarrassed
11  พัฒนาเว็บไซต์ / Programming / Re: รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 09 มีนาคม 2014, 18:43:46
ใช้ max-width มากำหนดครับ wanwan016
โค๊ด:
<style>
img{
max-width:100%;
height:auto;
}
</style>


ใส่เพิ่มไปแบบนี้ถุกต้องไหมคะ
a:hover {
   text-decoration: none;
   color: #F60;
}
a:active {
   text-decoration: none;
   color: #F03;
}
img{
   max-width:100%;
   height:auto;
}
</style>
</head>

แล้วโค๊ดทีเหลือโอเคแล้วหรือยังคะ ไมไ่ด้มีความรู้เรื่อง code มากมาย อาศัยใช้ดรีมลองเล่นดูค่ะ ขอบพระคุณมากค่ะ  wanwan017
12  พัฒนาเว็บไซต์ / Programming / รบกวนผู้รู้ช่วยแก้ไขให้ทีนะคะ code รูปย่อขยายตามขนาดหน้าจอ เมื่อ: 09 มีนาคม 2014, 18:29:01
รบกวนพี่ๆใจดี ช่วยดูหรือช่วยแก้ไข code ให้ทีนะคะ อยากให้รูปภาพและข้อความบนเว็บย่อหรือขนาดตามขนาดหน้าจอค่ะ
ถ้าปรับเป็น % ข้อความจะย่อหรือขยายตามเท่านั้น แต่รูปภาพก็ยังคงเดิมค่ะ ทำอย่างไรดี
ลองหาอ่านดูก็ยังไม่ค่อยเข้าใจ ขอความกรุณาด้วยนะคะ  Lips Sealed wanwan008
แบบเว็บผู้จัดการเป็นต้นค่ะ ใช้ dream ลองปรับดูค่ะ ตัวอย่างโค๊ดจากเว็บนี้
http://www.enjoy-outside.com/test1.html

ขอบพระคุณล่วงหน้าค่ะ



13  ความรู้ทั่วไป / Search Engine Optimization / ตั้งชื่อไฟล์รูปซ้ำๆกัน จะถูกมองว่าเป็น Spam Keyword หรือไม่ เมื่อ: 03 พฤศจิกายน 2013, 20:09:40
รบกวนสอบถามสมาชิก TSB ค่ะว่า หากเราตั้งชื่อไฟล์รูปภาพซ้ำๆกัน จะถูกมองว่าเป็นการ Spam Keyword หรือไม่คะ
เว็บรูปเยอะค่ะ เลยต้องตั้งดังตัวอย่างนี้ abc1.jpg // abc2.jpg // abc3.jpg ... แบบนี้เป็นต้นค่ะ

ขอบคุณสำหรับทุกคำตอบค่ะ  Embarrassed wanwan017
14  พัฒนาเว็บไซต์ / CMS & Free Script / Re: [ปิดกระทู้]รับหาเวิร์ดเพรสธีม (Premium) ฟรี เฉพาะ TSB เท่านั้น เมื่อ: 25 กุมภาพันธ์ 2013, 13:21:53
ได้รับแล้ว ขอบพระคุณค่ะ  Embarrassed
15  ความรู้ทั่วไป / Gooooooooooooogle / Re: ทำไม google เลือกนำ คำอธิบายเว็บไซต์ใน dmoz.org มาแสดงผลแทน... เมื่อ: 25 กุมภาพันธ์ 2013, 13:17:07
เพิ่งรู้ว่ามีอย่างงี้ด้วยแหะ  Shocked ถ้าแก้ไม่ได้ลองเอาคำนั้นๆแอบใส่ในเว็บเลยสิครับ ถ้าคิดว่าเป็นสาเหตุให้อันดับหล่น(อันดับหล่นช่วงนี้ายท่านก็เจอกันนะครับ ผมก็โดนไปหลายkey wanwan044)
เนื้อหามันน่าจะพอใกล้เคียงกันมั่งแหละ

แต่ของdescriptionแสดงถูก แต่title ผิด ค้างมาหลายเดือนแล้วยังไม่หายเลย

แต่ของdescriptionแสดงถูก แต่title ผิด ค้างมาหลายเดือนแล้วยังไม่หายเลย เพิ่งเคยเจอแบบนี้เหมือนกันค่ะ
ปล. คำนั้นๆก็มีอยู่ในเว็บค่ะ  Tongue

+1  Embarrassed
16  ความรู้ทั่วไป / Gooooooooooooogle / Re: ทำไม google เลือกนำ คำอธิบายเว็บไซต์ใน dmoz.org มาแสดงผลแทน... เมื่อ: 25 กุมภาพันธ์ 2013, 13:15:30
Google จะดึง description จาก dmoz มาแสดงครับ ถ้าไม่ต้องการให้ใส่

โค๊ด:
<meta name="robots" content="NOODP">

ลงไปครับ

http://support.google.com/webm...swer.py?hl=en&answer=35624


ขอบคุณมากๆค่ะ  wanwan017 Embarrassed +1 ค่ะ
17  ความรู้ทั่วไป / Gooooooooooooogle / Re: ทำไม google เลือกนำ คำอธิบายเว็บไซต์ใน dmoz.org มาแสดงผลแทน... เมื่อ: 25 กุมภาพันธ์ 2013, 01:08:41
เข้าใจถุกแล้วค่ะ แต่ ในส่วนนี้ <meta name="description" content="ใส่คำอธิบายเกี่ยวกับเว็บไซต์คุณสัก 1-2 บรรทัด แบบสรุป ได้ใจความ" /> ก็ได้กำหนดไว้แล้วค่ะ เพียงแต่หลังจากติด dmoz ก้ได้มีการคัดเอาเนื้อหาในนั้นมาลงแทนที่ค่ะ +1 ค่ะ

ผมว่า dmoz กะ google ไม่เกี่ยวกันหรอกครับ ลองเช็ค เมต้าดี ๆ ครับ ลองแก้แล้ว รอสัก สองสามวันถ้า อินเดก น่าจะปรับให้

ส่วนใหญ่เค้าเขียนกันแบบนี้

<meta name="description" content="ใส่คำอธิบายเกี่ยวกับเว็บไซต์คุณสัก 1-2 บรรทัด แบบสรุป ได้ใจความ" />

แต่ในเวบคุณเขียน

<meta property='og:description' content='ศูนย์กลางข้อมูลเกี่ยวกับบ้านและสวนครบวงจร ที่ครบถ้วนและน่าเชื่อถือที่สุดในประเทศไทย'/>

ผมไม่แน่ใจว่า asp เขียนแบบนี้หรือเปล่า ผิดพลาดขออภัย


ก่อนอื่นต้องขอโทษด้วยค่ะ ที่ทำให้เข้าใจผิด เว็บบ้านและสวนในรุปที่เอามาลงเป็นแค่ตัวอย่างค่ะ เว็บที่ทำจริงๆไม่ใช่เว็บนี่ค่ะ ในเว็บที่ทำ ก็ใช้ meta เดียวกันกับที่คุณบอกเลยค่ะ โค๊ดสำเร็จจากโปรแกรม dream  Tongue
18  ความรู้ทั่วไป / Gooooooooooooogle / Re: ทำไม google เลือกนำ คำอธิบายเว็บไซต์ใน dmoz.org มาแสดงผลแทน... เมื่อ: 25 กุมภาพันธ์ 2013, 01:01:55
เข้าใจถุกแล้วค่ะ แต่ ในส่วนนี้ <meta name="description" content="ใส่คำอธิบายเกี่ยวกับเว็บไซต์คุณสัก 1-2 บรรทัด แบบสรุป ได้ใจความ" /> ก็ได้กำหนดไว้แล้วค่ะ เพียงแต่หลังจากติด dmoz ก้ได้มีการคัดเอาเนื้อหาในนั้นมาลงแทนที่ค่ะ +1 ค่ะ
19  ความรู้ทั่วไป / Gooooooooooooogle / Re: ทำไม google เลือกนำ คำอธิบายเว็บไซต์ใน dmoz.org มาแสดงผลแทน... เมื่อ: 25 กุมภาพันธ์ 2013, 00:46:29
ส่งมาหลายปีไม่ติดซะที
ติดแล้วก็ยินดีด้วยครับ
ลองทำ seo หน้าในสิครับ
มันคงไม่เอา desc มาแทนทุกหน้ามั้งครับ wanwan017

ไม่แทนใช่ค่ะ  Embarrassed แต่ทำหน้าอื่นติดแทนหน้า homepage ในคีย์เวิร์ดนั้น มันยากมากมาย  wanwan012 แปลกใจว่าจู่ๆมันร่วงไปหลายขุมเลย  Tongue

+1 ค่ะ
20  ความรู้ทั่วไป / Gooooooooooooogle / Re: คำอธิบายเว็บไซต์ใน DMOZ เมื่อ: 25 กุมภาพันธ์ 2013, 00:19:48
ไม่เก่งเลยค่ะ อาศัยว่าเว็บทำมานานมากแล้ว เว็บใช้ dream สร้างเองค่ะ ใช้ php ไม่เป็น  Lips Sealed

ไม่เก่งแค่ทำแล้วติด DMOZ  Tongue  Cry  Cry



ก็ติดมาแบบไม่ตั้งตัวค่ะ เคยส่งคำร้องไปเป็นปีๆแล้วค่ะ เพิ่งจะมีมา พอมาดูใน google ถึงได้รู้ว่า อ่าว ติดแล้วเหรอ เพราะ descriptionมันเป็นของ dmoz นี่แหละค่ะ แต่เว็บร่วงนี่สิ  Lips Sealed หนักใจ
หน้า: [1] 2 3 ... 13