[EDIT::แก้ไขรูปสกอร์บาร์ให้แล้วค่ะ ขอบคุณนะคะที่ช่วยเตือน ^^]

ทำไมเดี๋ยวนี้คนสอน CSS เยอะแฮะ สังเกตได้เลย แล้วเป็นพวกลิงค์เบื้องต้น อะไพวกนี้ด้วยแฮะ น่าคิดจริงๆ...

แต่เอาเถอะ ช่างมัน วันนี้ก็มาสอนเกี่ยวกับ CSS สำหรับควบคุมการแสดงข้อมูล หลังจากที่ทิ้งช่วงไปสัปดาห์นึงเลย 55+

ซึ่งก็คือ CURSOR, POSITION และ SCROLLBAR ค่ะ

#7 CSS สำหรับควบคุมการแสดงข้อมูลของบลอค

CURSOR คืออะไร ?

Cursor (เคอร์เซอร์) ตามพจนานุกรมคือสัญลักษณ์กระพริบหรือตัวชี้บอกตำแหน่งอักขระหรือการกระทำต่อไปบนจอคอมพิวเตอร์

CURSOR ใน CSS ?
้านล่างคือค้ดเคอร์เซอร์ที่ใช้ในบลอคปกติ

และส่วนที่สำคัญก็คือ 'URL ของ CURSOR จะต้องมีสกุลเป็น .cur และ .ani เท่านั้น'

/* เคอร์เซอร์ */
BODY{cursor: url(
URL ของเคอร์เซอร์);}

ตัวอย่าง แบบปกติ กับ แบบโดนลิงค์

กับ

/* เคอร์เซอร์ */
BODY{cursor: url(
URL ของเคอร์เซอร์);}
a {cursor: url(
URL ของเคอร์เซอร์ที่โดนลิงค์);}

ตัวอย่าง แบบปกติ กับ แบบโดนลิงค์

คงสังเกตความแตกต่างได้นะคะ

รูปแบบ CURSOR ต่างๆ

ูได้ที่ตารางด้านล่างเลยค่ะ

Values Test NS IE Example
  default Il Est Moi 6+ 4+
crosshair Il Est Moi 6+ 4+

  hand Il Est Moi   4+
  move Il Est Moi 6+ 4+
text Il Est Moi 6+ 4+
wait Il Est Moi 6+ 4+
help Il Est Moi 6+ 4+
n-resize Il Est Moi 6+ 4+
ne-resize Il Est Moi 6+ 4+
e-resize Il Est Moi 6+ 4+
se-resize Il Est Moi 6+ 4+
s-resize Il Est Moi 6+ 4+
  sw-resize Il Est Moi 6+ 4+
  w-resize Il Est Moi 6+ 4+
  nw-resize Il Est Moi 4+ 4+
  progress Il Est Moi   6+
  not-allowed Il Est Moi   6+
  no-drop Il Est Moi   6+
  vertical-text Il Est Moi   6+
  all-scroll Il Est Moi   6+
  col-resize Il Est Moi   6+
  row-resize Il Est Moi   6+
  cursor:url(url) Il Est Moi   6+

POSITION คืออะไร ?
POSITION คือการเลือกวิธีที่ใช้จักตำแหน่งบล๊อกของข้อมูล

ตัวอย่างการใช้ {position: absolute;}

ค่าที่ใช้ได้ static, relative, absolute, fixed

SCROLLBAR คืออะไร ?
คือแถบเลื่อนของบราวเซอร์ค่ะ

โครงของ SCROLLBAR

ดูรูปด้านล่างได้เลยค่ะ

SCROLLBAR ใน CSS ?
ตามโค้ด
้านล่างค่ะ

ตรงคำว่าโค้ดสีก็ให้ใส่โค้ดสีไป เช่น

scrollbar-face-color:#ff0000; ค่ะ

ตัวอย่างของ SCROLLBAR

ด้านล่างเป็นโค้ดตัวอย่างนะคะ ลองเอาไปใช้ดูได้ค่ะ

   

   

   

   

   

   

   

ปล. ใครมีอะไรสงสัยถามได้นะคะ ตอนนี้ที่บ้านเราฟ้าร้องแล้ว ต้องรีบปิดแล้วล่ะ~

Comment

Comment:

Tweet

ได้โค้ดแล้ว นำไปใส่ที่ไหนค้ะ??

#16 By Princess Annie on 2011-10-06 15:35

จะลง html ได้ยังไงคะ???

#15 By นุ้ง~*ษา*~ on 2008-02-18 19:25

น้องออมเก่งจริงๆค่ะ
มาอ่านแล้วได้ความรู้มากเลย

#14 By eeddy(อี๊ด) on 2007-01-22 23:29

Blog น่ารักจังเลยค่ะ

ก็ ขอบคุณที่ไปเม้นให้นะค่ะ ยินดีที่ได้รู้จัก

เช่นกานนะค่ะ แล้วจามาเยี่ยมบ่อยๆนะค่ะ

#13 By A i k o on 2006-05-21 16:16

ขอบคุณมากจ้า
ยืมไปใช้หน่อยนะ สีหวานดี

#12 By koyubi on 2006-05-21 00:22

แง้วววว!!!~~

เคอร์เซอร์พวกนี้ถึงจะเรียบๆ แต่เราก็ชอบงิ ^^

ขอบคุณเกี่ยวกับการเปลี่ยนสีสกอร์บาร์นะคะ

เราเองก็ ไม่ค่อยรู้หรอก ก็เปลี่ยนมั่วๆ น่ะ 555+

#11 By ★ KAREN on 2006-05-21 00:12

ถึงจะไม่ค่อยมีเวลา แต่ก็มาอัพบ่อย ขยัน จังนะครับ ส่วนผมช่วงเน้มะได้มาดุเลย อะ อิอิ

#10 By ๐LucifeR๐_Za[Jr.~ on 2006-05-20 23:35

++ เราทำได้แล้วหล่ะค่ะ...ขอบคุณค่ะ
++ บีจีโดนมากๆเลยนะค่ะ..สวย
++ เข้าเมื่อกี้ยังเป็นสีขาวอยู่เลย
++ ตอนแรกคิดว่าเข้ามาผิดที่
++ แต่พออ่าน...ก้อถูกที่แล้วหล่ะค่ะ...แหะๆ

#9 By ~.'+*+.'NOOK!!Zz'.+*+'.~ on 2006-05-20 23:16

ขอบคุณออมมาก ๆ เลยนะครับ
แล้วเดี๋ยวจะลองเอา code SCROLLBAR ไปใส่ดูนะครับ ^^

ปล.ว่าแต่มีคำถามครับ ??????

เราจะเอา code java ของ Mouse ไปใส่ใน css ยังไงให้มันใช้ได้อ่ะครับ ><"

#8 By :+:Azarashi:+: on 2006-05-20 20:16

โอ้ แจ่มอย่างแรงคร่า ชอบๆๆ ขอบคุณมากนะค้า
แต่รุ้สึกว่าสคริป cursor จะไม่โชว์ใน brower firefox แฮะ ^^" น่าเสียดายจัง (คือเราใช้ firefox เพราะสะดวกกว่า ie ในหลายๆด้านน่ะ เหอๆ) (ใชfirefox ซึ่งไม่สนับสนุนคริปต์ cursor แต่ทำเว็บแจก cursor บ้าดีมั้ยล่ะ.....ฮาาา)

#6 By nyotaro on 2006-05-20 18:54

เป็นประโยชน์มากๆเลยค่ะ ><
ขอเอาเมาส์ไปใส่ละกันนะค้า ~ ^O^ !!

#5 By ` poly.rhythm ☆ on 2006-05-20 17:54

งืม....ถ้าว่างๆเดี๋ยวจะลองไปใส่ดูนะคะ ขอบคุณค่า~ ^^
*ระวังโดนฝนนะคะ

#4 By -'๓'- Hiim€k@ -'๓'- on 2006-05-20 17:41

โฮๆๆโค้สสีสวยจังงิธบีจีข้างหลังเท่มักๆ

#3 By ::Fuma Ryako:: on 2006-05-20 16:26

Jay : อุๆ เก่งจังเลย
ตัวหนังสือในเนื้อความของธีมนี้สีอ่อนไปนิดนะคะ
ได้ความรู้มากมาย แต่รูปตรงอธิบายสครอลบาร์มันขาดไปอะค่ะ
ปล. แอดไว้แล้ว จะแวะมาบ่อยๆนะคะ

#2 By Jay on 2006-05-20 16:07

ช่วงนี้ลำลูกการถติดมากยิ่งวันพฤหัสที่ผ่านมา ผมอยู่บนรถสามชั่วโมงครับ น้องออม

พอได้อัพบลอคก็ยังเอาความรู้มาใส่ไว้เหมือนเดิมนะครับเยี่ยมจริงๆ ขอบคุณมากนะครับ ความรู้ที่ใส่ไว้ให้อ่าน อ่านไม่หมดซักที กลับจากต่างจังหวัดผมจะมาทำนะ เคอร์เซอร์เพราะว่ารู้สึกอยากเปลี่ยนจริงๆครับ

#1 By ravender on 2006-05-20 15:47

*ออม* View my profile