Post archive
Tag: font
-
@font-face ใช้ฟ้อนท์บนเว็บไซต์ตามใจเธอ
การใช้ฟ้อนท์บนเว็บไซต์นอกเหนือจากการใช้ cufon แล้ว เรายังสามารถใช้วิธีอื่นอีกด้วย วันนี้ขอเสนอการใช้ฟ้อนท์บนเว็บไซต์อีกวิธีหนึ่ง ซึ่ง support ทุกบราวเซอร์ เร็วกว่า และง่ายกว่าเย้อะ
READ MORE -
-
-
-
สร้างตัวแบ่งหน้าสไตล์ flickr.com
นำเสนอวิธีสร้างตัวแบ่งหน้า หรือ pagination สวยๆสไตล์ flickr
READ MORE -
ปัญหา jQuery tab + listbox + ie6
ชีวิตดูเหมือนจะไปได้สวย และดูดี แต่แล้วก็เหมือนสายฟ้าฟาดลงกลางกบาล เมื่อลองเปิดแท็บฟอร์มเราด้วย ie6 ไอ้ตรง listbox ตัวที่เป็นรายการดันไม่ขึ้น
READ MORE -
Cufon ใช้ฟ้อนท์บนเว็บไซต์ตามใจคุณ
Cufon สามารถบันดาลให้เว็บไซต์ของคุณมี font แปลกๆ ตามใจคุณได้ แต่ขอแนะนำว่า ให้ใช้เฉพาะฟ้อนท์แปลกๆที่หัวข้อที่สำคัญๆเท่านั้น หากใช้ทั้งเว็บ อาจส่งผลให้เว็บคุณช้าได้ เพราะ Cufónจะแปลงตัวหนังสือของคุณให้เป็นไฟล์ภาพ .png
READ MORE -
selector ของ jQuery
selector คืออะไร คือตัวที่เราจะใช้สำหรับอ้างอิงไปถึงออบเจ็กต่างๆ ที่อยู่บนหน้าเพจ ดูตัวอย่าง javascript กันก่อนนะครับ document.getElementById(’username’); document.getElementByTagName(’p’);document.getElementById(‘username’); document.getElementByTagName(‘p’); คำสั่งแรกจะอ้างอิงไปถึง อะไรก็ตามที่อยู่บนหน้าเพจที่มี id เท่ากับ username คำสั่งที่สอง อ้างอิงไปถึงแท็ก p ทุกตัวที่อยู่บนหน้าเพจ ทีนี้เรามาดู selector ในรูปแบบ css #username{font-size:16px;} .classname{font-size:18px;} p a{font-size:20px;}#username{font-size:16px;} .classname{font-size:18px;} p a{font-size:20px;} #username จะอ้างไปถึงออบเจ็กที่มี id เท่ากับ username .classname จะอ้างไปถึงอ้อบเจ็กทุกตัวที่เรากำหนด class เท่ากับ classname p a จะอ้างไปถึง แท็ก a ที่อยู่ภายใต้แท็ก p ทุกตัวในเพจ จากที่กล่าวมาท่านพอจะเข้าใจบ้างนะครับว่า selector คืออะไร ้ ทีนี้เรามาว่ากันถึง selector ของ […]
READ MORE -
สร้าง mouse over image caption ด้วย CSS ล้วนๆ
คลิกที่นี่เพื่อดู Online Demo หลังจากที่ท่านได้ดู Demo ผมเชื่อว่าท่านจะต้องคุ้นแน่นอน การทำงานในลักษณะนี้ แต่ที่ท่านเห็นๆมา เขาจะใช้ javascript เป็นตัวสร้าง หรืออาจจะเป็น jQuery แต่สำหรับบทความครั้งนี้ ไม่ใช่เลย บทความนี้จะใช้ CSS เท่านั้น แต่จะทำงานเหมือน javascript แป๊ะๆ มาดูกันเลยครับ ว่าทำกันอย่างไร HTML เริ่มต้นที่โครงสร้างหลักกันก่อน <div class="imgteaser"> <a href="#"> <img src="IMAGE_059.jpg" alt="Itame" /> <span class="desc"> <strong>อีติ๋มตายแน่</strong> ตายแน่ๆ ในโรงภาพยนต์ใกล้บ้านท่าน </span> </a> </div><div class="imgteaser"> <a href="#"> <img src="IMAGE_059.jpg" alt="Itame" /> <span class="desc"> <strong>อีติ๋มตายแน่</strong> ตายแน่ๆ ในโรงภาพยนต์ใกล้บ้านท่าน </span> </a> […]
READ MORE -
TinyMCE ตัวหนังสือเล็กไปติ๊ดดดด..
หลังจากที่ดาวน์โหลดตัว TinyMCE และลองใช้งานดู จะรู้สึกว่าตัวอักษรที่แสดงในช่องป้อนข้อมูลเล็กไปหน่อย ( หรือเปล่า ) เอาเป็นว่า ไม่ถูกใจอยากเปลี่ยน ไปหาไฟล์นี้ให้เจอนะคับ แล้วเปิดมันขึ้นมา |–tinymce_3_ob3 |—- tinymce |—— themes |——– advanced |———- skins |———— default |————– content.css
READ MORE
