Posts Tagged ‘CSS’

รูปแบบ Cursor Styles ใน CSS2 และ CSS3

ใช้ css มาก็บ่อย บางทีใช้ Cursor Styles ก็ไปค้นในเน็ตเริ่มเสียเวลาเอามาไว้ในเว็บนี้เลยแล้วกัน และด้านล่างนี้เป็นรูปแบบ CSS Cursor แบบต่างๆตั้งแต่ CSS2-CSS3 ลองเอาไปปรับใช้ให้เหมาะกับอินเตอร์เฟสในหน้าเว็บครับ

Rollover Image ด้วย CSS

ปกติเวลาเราจะทำเมนูที่ประกอบด้วยรูป เมื่อนำ Mouse ไปวางก็จะเปลี่ยนรูปให้ จะทำอย่างนั้นได้ก็ต้องใช้ Javascript เข้าช่วย จริงๆใน Dreamwever ก็มีนะ แต่ถ้าหากเราคำนึงถึง SEO ลิงค์ต่างๆควรจะเป็น Text เพราะ Bot จะไต่ลิงค์ได้ง่าย

จัด Flash อยู่กลางหน้า Page แนวตั้งแนวนอน

ใช้ CSS ช่วยอีกล่ะก๊า…ขอยกตัวอย่างกับ Flash กว้าง 1,000px สูง 580 px

ซ่อน Scrollbar Text Area ด้วย CSS

วิธีการเหมือนกับ script ซ่อน Scrollbar ด้วย CSSเด๊ะเลย

<textarea name=”detail” STYLE=”overflow:hidden;” rows=5 cols=50> Hide Scrollbar Text Area </textarea>

Fix PNG Transparent on IE แบบตรงๆ

จะว่าไปมี script หรือcss ที่ include แล้วใช้งานง่ายดูตามลิงค์ด้านล่าง

เอา mouse ไปชี้ที่รูปแล้วรูปโปร่งใสด้วย CSS

นานมาแล้วผมเคยใช้ javascript สลับรูปเอา คือต้องมีสองรูปไว้สลับกัน แต่ถ้าใช้ CSS เราก็ใช้แค่รูปเดียว แถมไม่โหลดช้าด้วยนะ

มาใส่ icon ให้ Input Text กันดีกว่า

ดัดแปลงแต่งหรูในฟอร์มกรอกข้อมูล ไม่มีอะไรมากครับเพียงใช้ CSS เข้าช่วย เอาล่ะฝอยมากไปแล้วดูตัวอย่างเลยดีว่า

ใช้ CSS จัดรูปแบบเหมือน iFrame แบบง่ายๆ

วิธีง่ายๆไม่ซับซ้อนครับ

ซ่อน Scrollbar ด้วย CSS

สมัยก่อนถ้าผมต้องการที่จะซ่อน scrollbar ของ browser นั้นต้องใช้ javascript เข้าช่วย แต่ตอนนี้เอา CSS ด้านล่างนี้ไปแป่ะเป็นอันจบเลย! แถม Support Firefox แบะ IE ด้วย

การเปลี่ยนสี Scrool Bar

Support IE เท่านั้นนะจ๊ะ

Powered by WordPress | Shop Free T-Mobile Phones Online | Thanks to Verizon Phones without Contract, MMORPG Games and Sell Car