Archive for the 'Image' Category
Picasa Web Albums
Monday, November 20th, 2006Just a link:
Picasa Web Albums
http://picasaweb.google.com
อัพโหลดโดยตรงจาก Picasa หรือดาวน์โหลดทั้งอัลบัมลงมา
หมุนเปลี่ยน Headers
Wednesday, August 30th, 2006หากเรามีรูปภาพ header หลายๆ ภาพ ก็สามารถสุ่มภาพเหล่านั้น นำมาหมุนเวียนเปลี่ยนกันแสดงที่ด้านบนของบล็อก ผู้เขียนลองทำดูกับ header ของ Kubrick แล้ว (WordPress Default 1.5)
พบว่าได้ผลดี ด้วยการใช้ PHP script
เริ่มจาก ดาวน์โหลดไฟล์ rotate.txt แล้วเปลี่ยนชื่อเป็น rotate.php นำไปเก็บไว้ในแฟ้ม
ที่เก็บภาพ header ของเรา เช่น /wp-content/themes/default/images/rotate/ แล้วเรียกใช้ ดังนี้
#header {
background: url(”/images/rotate/rotate.php”)
no-repeat bottom center; }
Ref:
http://automaticlabs.com/products/rotator
http://www.janicek.com/archives/2005/02/23/rotating-image-banner-for-kubrick/
Animated Name of your Blog
Saturday, July 1st, 2006ชื่อนั้นสำคัญไฉน? ไม่รู้สิ แต่ถ้าเป็นชื่อเรา ก็ต้องสำคัญแน่นอน GlitterKiss (http://glitterkiss.com/) ให้บริการสร้างชื่อบล็อกที่เคลื่อนไหวได้ ด้วยขั้นตอนง่ายๆ ดังนี้
ขั้นตอนการสร้าง
- เลือกสีตัวอักษรที่ต้องการ
- เลือกฟอนต์
- เลือกสีพื้น และพิมพ์ชื่อบล็อก
เสร็จแล้ว คลิกปุ่ม Create The Image - คลิกปุ่ม Grab It
เลือกทำสำเนารหัส HTML เพื่อนำมาใช้ในบล็อก หรือเลือกรหัสสำหรับ Forum หากต้องการ (หรือจะคลิกขวาที่รูป แล้วบันทึกเก็บลงฮาร์ดไดรฟ์เลยก็ได้)


ห้องสมุดสื่อดิจิตัล
Friday, June 2nd, 2006Just a link:
http://www.archive.org/
เพิ่มเงาให้กับรูปภาพ
Sunday, May 21st, 2006
รูปภาพด้านบนแสดงด้วยแท็ก img ที่ใช้กันตามปกติ ส่วนภาพล่าง เพื่อเพิ่มมิติให้แก่รูปภาพ จึงได้ใส่แสงเงาลงไป โดยเขียนเป็นรหัส ดังนี้
<div align="center">
<div style="width:100px;filter
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

