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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming - นี่มันเทคนิก CSS แบบไหนกัน (Google.co.th)-
หน้า: [1] 2  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: - นี่มันเทคนิก CSS แบบไหนกัน (Google.co.th)-  (อ่าน 5074 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Bes
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,502



ดูรายละเอียด เว็บไซต์
« เมื่อ: 02 กุมภาพันธ์ 2011, 15:01:48 »

พวกปุ่มเล็กปุ่มน้อยต่าง ๆ เมื่อดู source ของรูปแล้ว จะเป็นแบบนี้ รวมกันเป็นรูปเดียว



แต่เวลาอยู่ใน Google.co.th หน้าผลการค้นหา แต่ละปุ่มก็จะแยกไปประจำการตามตำแหน่งของมัน

เทคนิคนี้เรียกว่าอะไรครับ เป็น CSS หรืออะไร น่าสนใจ

 Shocked
บันทึกการเข้า

New2th
Verified Seller
สมุนแก๊งเสียว
*

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

กระทู้: 842



ดูรายละเอียด
_
« ตอบ #1 เมื่อ: 02 กุมภาพันธ์ 2011, 15:02:57 »

 wanwan008
« แก้ไขครั้งสุดท้าย: 28 มิถุนายน 2017, 21:19:47 โดย New2th » บันทึกการเข้า
zankumuro
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,036



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 02 กุมภาพันธ์ 2011, 15:07:07 »

CSS 3 รวมรูปทั้งหมดอยู่ในไฟล์เดียวกัน แล้วทำการเรียกเป็น background โดยกำหนดตำแหน่งที่จะแสดง วิธีนี้ช่วยลด Connection ในการดึงรูปลงไปเยอะครับ เพราะมันดึงมาครั้งแรกแค่ครั้งเดียว

เคยพยายามจะทำเหมือนกัน แต่มึนเรื่องตำแหน่ง ยิ่งรวมเยอะๆ ยิ่งมึน
« แก้ไขครั้งสุดท้าย: 02 กุมภาพันธ์ 2011, 15:08:10 โดย zankumuro » บันทึกการเข้า

อย่าเชื่อผมมาก ผมมันมั่ว.....ฮ่าๆ

ฝาก Like แฟนเพจหน่อยครับ
https://www.facebook.com/devsignup

ข่าวสารวงการเกมส์ ทริปทริคต่างๆ เกมส์แจกฟรี
https://www.wecanplay.in.th/
Bes
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,502



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 02 กุมภาพันธ์ 2011, 15:09:53 »

อ้อ ขอบคุณครับ +1 ทั้งสองท่าน

เล่นกันแบบ แกน x แกน y กันเลยเหรอเนี่ย

http://www.w3schools.com/css/pr_background-position.asp
บันทึกการเข้า

ratanon
ก๊วนเสียว
*

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

กระทู้: 353



ดูรายละเอียด
« ตอบ #4 เมื่อ: 02 กุมภาพันธ์ 2011, 15:11:01 »

มีมานานแล้วครับ ช่วยลดการโหลดได้เยอะเลย แต่เขียนให้มันทำงานตามต่ำแหน่งที่ต้องการนี้ซิ กะตรงบ้างไม่ตรงบ้าง
บันทึกการเข้า

บริการส่งอีเมล์จำนวนมาก ค่าบริการฉบับละ 10 สตางค์ ส่งเข้า Inbox ทุกฉบับ
ส่งไม่เข้า Inbox ยินดีคืนเงิน สนใจ pm มาได้ครับ
adaaugusta
ก๊วนเสียว
*

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

กระทู้: 466



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 02 กุมภาพันธ์ 2011, 15:12:41 »

ใช่มีมานานแล้วครับ ยกตัวอย่างง่ายๆ ลองหาโหลด jQuery ดูครับ มันก็ใช้แบบนี้แหละ

พวก CMS บางตัวก็แบบนี้ครับ


 wanwan019 wanwan019


« แก้ไขครั้งสุดท้าย: 02 กุมภาพันธ์ 2011, 15:16:12 โดย adaaugusta » บันทึกการเข้า

TheBoyzz
คนรักเสียว
*

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

กระทู้: 128



ดูรายละเอียด
« ตอบ #6 เมื่อ: 02 กุมภาพันธ์ 2011, 15:16:11 »

เรียกว่า CSS Sprite
บันทึกการเข้า
jiw
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 5,923



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 02 กุมภาพันธ์ 2011, 15:17:23 »

โอ้ว เพิ่งรู้ -*-


เคยไป copy รูปจากเว็บใหญ่ในไทยมา เป็นรูปใหญ่ๆ รวมอยู่รูปเดียวก็สงสัยอยู่เหมือนกัน แต่ไม่ได้หาคำตอบ วันนี้ถึงบางอ๋อละ
บันทึกการเข้า
TOOAds.com
บุคคลทั่วไป
« ตอบ #8 เมื่อ: 02 กุมภาพันธ์ 2011, 15:56:27 »

ศึกษาเมนู css ดูครับ ใช้แบบเดียวกัน
บันทึกการเข้า
Condothai
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,025



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 02 กุมภาพันธ์ 2011, 16:05:34 »

ผมใช้มาสามปีกว่าแล้ว มีมาก่อนหน้าที่ผมจะเริ่มใช้อีกครับเทคนิคแบบนี้ wanwan044
บันทึกการเข้า

deadclosed
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,553



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 02 กุมภาพันธ์ 2011, 16:14:57 »

เทคนิคนี้ต้องมั่นใจในโค๊ดหน่อย เพราะค่า pixel ในแต่ล่ะบราวเซอร์อาจแตกต่างกัน
บันทึกการเข้า
jdseo
บุคคลทั่วไป
« ตอบ #11 เมื่อ: 02 กุมภาพันธ์ 2011, 16:15:52 »

เว็บที่ UIP เยอะๆ ต้องระวังเรื่องการโหลด พอสมควร

แต่เว็บเล็กๆ ของผมก็คงตัดเป็นร้อยชิ้น  Tongue
บันทึกการเข้า
supachet2526
สมุนแก๊งเสียว
*

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

กระทู้: 772



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 05 กุมภาพันธ์ 2011, 00:27:56 »

เข้ามาเก็บไม่เคยลองใช้เลย
บันทึกการเข้า

รับเขียนเว็บไซต์
บริษัทรับออกแบบเว็บไซต์

ขายบ้านมือสอง

ถ้าคุณลงมือทำในสิ่งที่คุณสนใจอยู่เสมอ อย่างน้อยจะมีคนคนหนึ่งที่พอใจ
MaMa.Killer
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,557



ดูรายละเอียด
« ตอบ #13 เมื่อ: 05 กุมภาพันธ์ 2011, 01:10:20 »

เคยคิดจะลอง แต่คิดไปคิดมา ไม่เอาดีกว่า  wanwan019
บันทึกการเข้า

รับโมฯ & แก้ไข และสร้าง Theme SMF, Wordpress และงานออกแบบ
Add Line Id : sodeclub
niyata
สมุนแก๊งเสียว
*

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

กระทู้: 731



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 05 กุมภาพันธ์ 2011, 01:44:53 »

มันมีมาตั้งแต่เมื่อไหร่ไม่ทราบ แต่ผมไปเจอ เคสนี้ ที่ apple ดอทคอม
บันทึกการเข้า

JVII
Newbie
*

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

กระทู้: 4



ดูรายละเอียด
« ตอบ #15 เมื่อ: 10 กุมภาพันธ์ 2011, 01:02:03 »

เข้ามาเก็บคับ
บันทึกการเข้า
ninehax
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,340



ดูรายละเอียด
« ตอบ #16 เมื่อ: 10 กุมภาพันธ์ 2011, 01:08:08 »

CSS ครับ wanwan003
background-position

 wanwan017 wanwan020
บันทึกการเข้า

golfer007
บุคคลทั่วไป
« ตอบ #17 เมื่อ: 10 กุมภาพันธ์ 2011, 01:54:37 »

ใช้ tool ช่วยได้นะครับ

ปกติผมใช้ตัวนี้

โค๊ด:
http://spriteme.org/
บันทึกการเข้า
Sawat_D
สมุนแก๊งเสียว
*

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

กระทู้: 846



ดูรายละเอียด
« ตอบ #18 เมื่อ: 10 กุมภาพันธ์ 2011, 02:07:27 »

ผมทำใช้แค่เมนูครับ นอกนั้นมึน wanwan019
บันทึกการเข้า

ขายส่งอาหารเสริม
รับออกแบบเว็บไซต์ งานเสร็จค่อยจ่ายเงิน
วอนนอนคุก
Verified Seller
สมุนแก๊งเสียว
*

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

กระทู้: 522



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 10 กุมภาพันธ์ 2011, 02:22:19 »

http://csssprites.com/ ลองดู ครับ
บันทึกการเข้า

หน้า: [1] 2  ทั้งหมด   ขึ้นบน
พิมพ์