Aummua Blog » Design http://www.aummua.com บล๊อกของนายอุ้มสุดหล่อ Mon, 17 Jan 2011 19:14:10 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 ค้นหารูป icon ไว้แต่งเว็บด้วย IconFinder http://www.aummua.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%b9%e0%b8%9b-icon-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/ http://www.aummua.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%b9%e0%b8%9b-icon-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/#comments Sat, 06 Jun 2009 06:32:08 +0000 admin http://www.aummua.com/?p=75 logo-large

Web: http://www.iconfinder.net/

เป็นเว็บไว้สำหรับค้นหา LOGO , icon ต่างๆ มากมายแค่ใส่ Keyword ที่ต้องการหน้าเว็บเลยครับ

และรูป icon จะเป็น นามสกุล PNG ด้วยและพื้นหลังของรูปจะใส ทำให้ง่ายต่อการนำไปตกแต่งด้วย

]]> http://www.aummua.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%b9%e0%b8%9b-icon-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/feed/ 1 มาทำ favicon ใส่ติดเว็บกันเถอะ http://www.aummua.com/howto-make-favicon/ http://www.aummua.com/howto-make-favicon/#comments Fri, 05 Jun 2009 11:05:31 +0000 admin http://www.aummua.com/?p=56 favicon

icon เล็ก ๆ ที่อยู่หน้า url ตัวนี้ เรียกกันว่า favicon (เฟฟ’ ไอคอน) มาจากคำว่า favourite+icon นั่นเอง หรือจะเรียก web title icon หรือจะเรียก bookmark icon หรือจะเรียก logo หรือจะเรียก ตุ่ม ไต อะไรก็ได้…เพ้อแล้ว
ทำไปเพื่ออะไรกันครับ favicon เนี่ย คำตอบคือมันสวยดี แป่ววววว ไม่ช่ายยย… ก็น่าจะมีไว้ก็เพื่อให้หน้าเวบเราหาง่ายขึ้นนะ เวลาเราเปิดหลาย ๆ tab แล้วไอ้ เจ้า icon เล็ก ๆ เนี่ยยังบ่งบอกความเป็นเว็บของคุณด้วยน๊า ว่ามันดูดีมีสไตล์ขนาดไหน วิธีการทำก็ไม่ต้อง download plug-in มาลง photoshop ให้ save เป็นนามสกุล .ico อ๊ะยุ่งยาก ไม่ต้องสร้างภาพเอง ให้เป็นขนาดเท่านั้นเท่านี้ อ๊ะยุ่งยากไป

วิธีการง่าย ๆ ที่จะทำกันแบบหน้าด้าน ๆ เลย
1. เปิดภาพขึ้นมาก่อน ด้วยโปรแกรม photoshop (ภาพนี้มาจาก emotion ใน msn คมชัดดีด้วย เอารูปส้งตีนนี่ล่ะ)

2. กำหนดภาพมาให้มีขนาด 16×16 pixel กด ok ไป
จากนั้นก็ save ภาพเป็น .gif ให้มีพื้นหลังเป็น transparent

3.เข้าไปที่ web dynamicdrive

4. (1) browse ภาพที่เราทำไว้ขึ้นมา
(2) เลือกตรง Optional
จะเอา  Merge with a 32×32 desktop icon.  หรือ
จะเอา  Merge with a 48×48 large XP icon.
(3) กด Create Icon
(4) มันจะแสดงผลลัพท์ให้ดู
(5) เลื่อนเมาส์ลงมานิดนึง จะเจอให้ดาวน์โหลด กดเลยครับ

5.อัพโหลดภาพขึ้นไปบนโฮสต์ จากนั้นใส่โค้ด นี้ในส่วน <head> ของหน้า html

<link rel=”shortcut icon” href=”http://www.divland.com/favicon.ico” />

อีเว็บที่น่าสนใจ

http://www.html-kit.com/favicon/

thanks : http://www.baamang.com/webboard/index.php?topic=241.0

]]> http://www.aummua.com/howto-make-favicon/feed/ 2 SumoPaint โปรแกรมแต่งรูปผ่านเน็ต http://www.aummua.com/sumopaint-%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b/ http://www.aummua.com/sumopaint-%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b/#comments Wed, 03 Jun 2009 07:25:56 +0000 admin http://www.aummua.com/?p=39 sumopaint

เว็บ : http://www.sumopaint.com

เป็นโปรแกรมแต่งรูปผ่านทางเบาร์เซอร์ ง่ายๆ แค่เข้าผ่านทางเว็บ SumoPaint.com ก็สามารถ import รูปจากในคอมพิวเตอร์ของคุณเอง เข้าไปแต่งได้ทันที โดยจะต้องติดตั้ง Flash Player ก่อนถึงจะสามารถ ใช้งานเว็บ SumoPaint ได้ ความสามารถ คล้ายๆ กับ Photoshop เลยครับ

]]> http://www.aummua.com/sumopaint-%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b8%a3%e0%b8%b9%e0%b8%9b/feed/ 8