Size: 119 KB
W3C: XHTML 1.0
CSS: Yes
Tableless Design: Yes

เทคนิค ตอนนี้ ยังคงเป็นเรื่อง การใช้ รูปภาพแทนที่ text  จากที่เราเคยใช้ tag <span> กันไปแล้วในตอน ซ่อน h1 แล้วสวยด้วย images  แต่การแทนที่คราวนี้จะไม่ใช้ tag <span>  และเราจะให้ภาพนั้นเป็น link ได้ด้วย  >-

สมมติว่าเราทำลิ้งค์ไว้แบบนี้

<a href=”http://www.divland.com/”>email video to friends</a>

หน้าตามันก็จะเป็นลิ้งค์ ธรรมดา แบบนี้

email video to friends

อ่านต่อ คลิกที่นี่ »

เห็นมีคนถามกันเข้ามาเยอะเลยว่า ในเว็บไซต์ ต่างประเทศ เค้าทำ div ให้เป็น scroll ได้  อยากทำได้บ้าง จริงๆแล้วไม่ยากเลย ใช้แค่ property ตัวเดียวเท่านั้นเอง สามารถนำไปใช้แทน <iframe> ได้เลยครับ

เขียน css ดังนี้
<style type=”text/css”>
.longtext{width:250px;height:150px;overflow:scroll;}
</style>

html ดังนี้
<div class=”longtext”>
เนื้อหา text
</div>

ตัวอย่างดูด้านใน
อ่านต่อ คลิกที่นี่ »

การ filter เป็นการ hack วิธีหนึ่ง เป็นการจำกัด เบราเซอร์ที่จะแสดงผล ตัวอย่างเช่น

<style type=”text/css”>
*html body{background:green}
html>body{background:black}
</style>

ลองเอาโค้ดนี้ ใส่ไว้ในส่วน head ของเว็บเพจ แล้วลอง previewด้วย IE และ Firefox จะเห็นความแตกต่าง นั่นคือ IE จะสามารถอ่านบรรทัดบน ที่มี * ได้ ส่วน browser อื่นที่ไม่ใช่ IE จะไม่สามารถอ่านบรรทัดบน แต่จะอ่านบรรทัดล่างที่มีเครื่องหมาย > ได้ ดังนั้นเมื่อเปิด ด้วย IE เราจะเห็น bg เป็นสีเขียว เมื่อเปิดด้วย browser อื่น จะเห็นเป็นสีดำ อ่านต่อ คลิกที่นี่ »

กลับมาแล้วจ้า หลังจากหายไปพักนึง เพราะทำการย้ายโฮสต์ใหม่ เพื่อให้มีเนื้อที่มากขึ้น เพราะใช้ไปจนเต็ม ก็มีปัญหาเรื่องภาษาไทยกลายเป็นภาษาต่างดาวบ้างนิดหน่อย แต่ก็แก้ไขเรียบร้อยล่ะนะ แล้วเราก็กลับมาสู่ css ที่รักกันเหมือนเดิม 55 วันนี้ก็เอาเพลงไปฟังกันก่อน ต้อนรับการกลับมานะ ตอนนี้ชอบเพลงนี้มากเลย เอามาทำเป็นริงโทน มือถือ อิ อิ ก็เอามาแบ่งกันฟังนะ มี 2 เวอชั่น ลองฟังกันดู

Way Back into Love

Hugh Grant
(featuring: Haley Bennett)

demo version และ เนื้อเพลง อยู่ด้านในจ้ะ

อ่านต่อ คลิกที่นี่ »