» Tip & Trick>>Blog Divland

อัพเดท script fix png สำหรับ IE6, IE5.5

Aug 16th

มีสคริปมาอัพเดทกัน 1 ตัวครับ อันเดิมคือ อันนี้ครับ
วิธีแก้รูป png ใน IE มีพื้นสีเทา จากอันเดิมที่ว่ามันไม่สามารถ ใช้ png ใส มาเป็น background repeat ได้ แต่บัดนี้ มันทำได้แล้วครับ ลองโหลดไปใช้กันดู ไฟล์สคริป พร้อมตัวอย่าง

ดาวน์โหลด IEpngfix

*แต่ยังกำหนด background-position ไม่ได้เหมือนเดิม อยู่ซ้ายบนตลอดครับ

CSS support in Safari Mac

Jul 2nd

Posted by Utto in Tip & Trick

7 comments

สำหรับคนที่ทำเว็บให้ ชาว MAC ซึ่งส่วนใหญ่ก็ใช้ เบราเซอร์ Safari เพราะเป็นเบราเซอรประจำเครื่อง เราก็ควรจะรู้ก่อนว่า safari ยอมรับ property ไหนบ้าง ที่เวอชั่นอะไรแต่ส่วนใหญ่แล้ว ถ้าเขียนให้ firefox อ่านได้ Safari ก็มักจะไม่มีปัญหาอะไร ไปดู property ที่ Safari รับได้ ที่นี่ครับ CSS support in safari Mac ส่วน Safari windows ที่ออกมาใหม่นั้น ก็ยังเป็น beta อยู่ อ่าน font thai ไม่ค่อยสวยเท่าไร ไม่รู้ว่าการอ่าน css จะเป็นไงบ้าง ถ้ามันอ่านได้เหมือน mac ละก็ จะเป็นเรื่องดีมาก เพราะผมจะได้ไม่ต้องไปเทส เว็บที่เครื่อง mac แล้วมาเทสที่ window แทน เท่าที่ลองใช้ดู ต่างกันอยู่นิดหน่อยครับ เรื่องฟ้อน เรื่องลิ้งค์ ต้องขอเวลาศึกษาอีกซักระยะ ข้อดีที่สุดเห็นจะเป็นเรื่องความเร็วของการเปิดหน้าเว็บนี่ล่ะครับ เร็วจริงๆให้ดิ้นตาย ยังกับเปิดหน้า html ในเครื่องตัวเองยังงั้นเลย firefox ว่าเร็วกว่า ie7 แล้วนะ เจอ safari window เข้าไป formula1 มากๆ ใครอยากลองใช้ก็ไปดาวน์โหลด ได้ที่นี่ครับ Safari window beta

submit blog directory กันเถอะ+++

May 5th

Posted by Utto in Tip & Trick

11 comments

Submit blog คือ การเพิ่มลิ้งค์ ให้กับบล็อก เพิ่มคนเข้าบล็อก ให้มากขึ้น ด้วยการเพิ่มลิ้งค์ในเว็บของผู้ให้บริการ blog directory ซึ่งอีกนัยหนึ่งก็คือ ผู้จัดระเบียบบล็อกให้เป็นหมวดหมู่หาง่ายนั่นเอง

รายชื่อเว็บ blog directory ที่น่า submit เลือกเอาเฉพาะที่มีให้เลือกประเทศไทยนะครับ และฟรี เข้าไปแล้วก็หาลิ้งค์ที่เขียนว่า submit blog, submit link, add url, add a blog เหล่านี้นะครับ

สำหรับบล็อก ไดเรคทอรี่ ของคนไทย ที่จะลืมเสียมิได้ ก็คือ Thaiblog.info ครับ
Thai blog info

ที่นี่จะรวมบล็อกของคนไทยทั้งหมด โดยมีกติกาว่า
1. ต้องเป็นบล็อก
2. ต้องมีการเขียนเนื้อหาเอง 90%
3. เป็นบล็อกของคนไทย

เมื่อรู้แล้วว่าบล็อกของคุณ เข้าข่าย 3 ข้อนี้ ก็เอาบล็อกไปซับมิท ได้เลยครับ โดยไปที่เว็บ http://thaiblog.info/กดคำว่า “เพิ่มรายชื่อบล็อก” กรอกรายละเอียด เกี่ยวกับบล็อกของคุณ เท่านี้ก็เรียบร้อย รอเจ้าหน้าที่ตรวจสอบ ไม่นานครับ ก็จะมีเมล์มาว่า คุณได้อยู่ใน thaiblog.info แล้ว

*** สำหรับใครที่เคย ซับมิทบล็อกที่อื่นๆไม่ว่าจะไทยหรือต่างประเทศนอกเหนือจากลิ้งค์ข้างบนนี้แล้ว และอยากจะแนะนำ ส่งมาในคอมเม้นได้เลยครับ อ่อ ขอเน้นว่าฟรีนะ

วิธีแก้รูป png ใน IE มีพื้นสีเทา

Apr 25th

Posted by Utto in Tip & Trick

13 comments

หากใครเคยใช้รูปภาพแบบ .png แบบพื้นหลังใส แล้วละก็ คงจะเคยพบกับปัญหา ที่เกิดพื้นสีเทาขึ้นตรงที่ต้องการให้เป็น transparent เฉพาะ IE6 จนต้องเปลี่ยนไปใช้ gif หรือ jpg ตามเดิม ทั้งที่ IE7 , Firefox ก็แสดงผล png ได้อย่างไม่มีปัญหา

วิธีแก้ png IE6

ดาวน์โหลด ไฟล์นี้ png ie6 fix.zip ซึ่งจะมี ไฟล์ iepngfix.htc และ blank.gif
แตกมันออกมาแล้วอัพโหลด 2 ไฟล์นี้ ไปที่เดียวกับ ไฟล์ css ของคุณ
แล้วเขียนในไฟล์ css ของคุณแบบนี้ img { behavior: url(iepngfix.htc); }

** ถ้าหากภาพ png ไม่ได้เป็น แท็ก <img> แต่เป็นแบ็คกราวน์ เช่น

#header { background:url(header.png); }

เราก็สามารถเขียนเข้าไปแบบนี้ได้เลย แต่บรรทัดบนที่เรียก bg ยังต้องเขียนอยู่นะครับ

img, #header { behavior: url(iepngfix.htc); }


หรือ

#header { background:url(header.png); }#header { behavior: url(iepngfix.htc); }

ติดกันแบบนี้เลยก็ได้

ที่สำคัญคือเขียน path ให้ถูกต้อง และรูปที่เป็นแบ็คกราวน์ repeat ในส่วน repeat จะไม่ทำงาน ใช้ได้เฉพาะภาพที่เป็นภาพเดียว หรือ no-repeat เท่านั้น

ถ้าคุณใช้ IE7, Firefox หรือ Opera เปิด divland คุณจะเห็นว่ามีเส้นเฉียงเป็นพื้นหลัง แต่ถ้าใช้ IE6 คุณจะเห็นว่ามีเส้นเล็กๆอยู่มุมบนซ้ายเส้นเดียว เพราะมันไม่ repeat

ถ้าใครแก้ ตัวจาวาสคริปให้มัน repeat ได้ หรือ ไปเจอเทคนิคอื่นที่ สามารถ ซ่อม png transparant in IE6 แบบ repeat ได้ละก็ บอกผมด้วยนะครับ