Archive for the 'HTML' Category

Tutorials

Saturday, February 24th, 2007

Links of the day

Quackit Tutorials
http://www.quackit.com/

Web Hosting
http://www.quackit.com/web_hosting/

Web Color Reference

Wednesday, November 8th, 2006

Just a link:

Web Color Reference
http://www.webreference.com/html/reference/color/websafe.html

HTML Color Chart

Thursday, July 13th, 2006

Just a link:

maranGraphics Web Color Chart
http://www.maran.com/colorchart/index.html

แถบข่าวจากเว็บไซต์ผู้จัดการออนไลน์

Wednesday, May 31st, 2006

แสดงแถบข่าวจากหนังสือพิมพ์ผู้จัดการอย่างนี้

ด้วยรหัสนี้

HTML:
  1. <iframe frameborder=0 height=19 name=result scrolling=no src="http://www.manager.co.th/Home/NewsAlert.asp" width=80%></iframe>

จาก
Blog สวย ใส ไร้สติ
http://www.bloggang.com/viewdiary.php?id=rumpuey&group=15

HTML Tutorial

Tuesday, May 23rd, 2006

Just a link:
http://www.w3schools.com/html/

มีตัวอย่างให้สำเนาไปใช้ได้เลย

เพิ่มเงาให้กับรูปภาพ

Sunday, May 21st, 2006

รูปภาพด้านบนแสดงด้วยแท็ก img ที่ใช้กันตามปกติ ส่วนภาพล่าง เพื่อเพิ่มมิติให้แก่รูปภาพ จึงได้ใส่แสงเงาลงไป โดยเขียนเป็นรหัส ดังนี้

<div align="center">
<div style="width:100px;filter s hadow(color:gray);">
<img src="url_ไฟล์รูปภาพ" width="90" height="90" style="border:1px solid black;">
</div></div>

สังเกตว่า ได้มีการเพิ่มขอบภาพ (border) สีดำขึ้น 1 pixel รูปภาพเป็นสี่เหลี่ยมจัตรัสขนาด 90 x 90 pixels ส่วนเงามีขนาด 10 pixel (100 - 90) และมีสีเทา

รหัสนี้ไม่แสดงผลเมื่อดูด้วย Firefox

ขุดหลุมฝัง Flash (SWF) ลงในบล็อก

Thursday, May 11th, 2006

ถ้าจะแสดงไฟล์วีดิทัศน์ที่สร้างจาก Flash ในบล็อกของเราจะทำอย่างไร?

รหัสสำหรับแสดง Flash (SWF) ในบล็อก ขึ้นอยู่กับองค์ประกอบหลายอย่าง แต่ก่อนอื่น เราต้องมีไฟล์ swf อยู่บนเครื่องแม่ข่าย (host) หรือไม่ก็ต้องอัพโหลดไฟล์ไปไว้บนเครื่องแม่ข่ายก่อน สมมติว่าไฟล์อยู่ที่นี่ http://thaiblogger.org/media/myfile.swf

วิธีที่ 1 ฝังเครื่องเล่น (Embed the Player)

รหัส html สำหรับฝัง media player control ของ Flash จะเป็นอย่างนี้

HTML:
  1. <embed src="http://thaiblogger.org/media/myfile.swf" width="160" height="120" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

ความกว้าง x ความสูงของเครื่องเล่น อาจมีขนาดคู่กันดังนี้:
160x120, 240x135 (16:9 widescreen), 240x180, 320x180 (16:9 widescreen) และ 320x240 หรือขนาดอื่นตามต้องการ

ส่วนคุณภาพของภาพ (quality) อาจเป็น:
High, Medium, หรือ Low

(more...) »