การสร้างไดนามิกเมนูสำหรับตกแต่งบล็อก : ตอน 3 แก้ปัญหาเมนูเน่าในFirefoxเพราะภาษาไทย
ระดับความยุ่งยาก : 
จริงๆ ว่าจะจบแค่สองตอน~
แต่เนื่องจาก
|
V
#น่าลองครับ แต่ถ้าปรับให้แสดงบน FIrefox สักหน่อยจะแหล่มเลยหล่ะครับ
9 By on 2008-05-07 16:16
ผิดไปแล้วค่า ไม่ทันดูใน Firefox ว่ามันเน่าเพราะแสดงอักษรไทยได้อุบาทว์มาก
เอนทรี่นี้ก็เลยมานำเสนอวิธีแก้
เพราะ Firefox ไม่เลือกฟ้อนต์ที่ี่แสดงผลภาษาไทยออกมาแล้วดูดีแบบใน IE ให้แบบ Auto
เพราะงั้นเอนทรี่นี้ก็จะมาสอนวิธีแก้ค่ะ
ก่อนอื่นให้เลือกฟ้อนต์ภาษาไทยที่เว็บบราวเซอร์สามารถแสดงผลออกมาแล้วอ่านง่ายๆ
(แนะนำ MS Sans Serif กับ Tahoma)
แล้วก็เอาไปแปะใส่ของเก่าตามตำแหน่งที่ไฮไลท์ไว้ในภาพ
(จะเห็นว่าฟ้อนต์ที่กำหนดจะอยู่หลังขนาดตัวอักษร)
แทรกฟ้อนต์เข้าไปตามที่เห็นในภาพเลยจ้า
เท่านี้ก็เปิดดูกับหมาไฟได้โดยเมนูไม่เน่าเพราะภาษาไทยแล้ว
สำหรับคนที่บอกว่ามันไม่เสี่ยว เอ๊ย ไม่เสียว(หนักกว่าเก่า) เอ๊ย ไม่SEO
Recommend กับ Category กับ Page ก็อย่าเอายัดใส่เมนูทั้งหมดสิจ๊ะ
เหลือไว้เป็น Content ที่ไม่ผ่าน IFRAME บ้าง
(แต่ถึงทำ Content ไปพอเวลาผ่านไปสักพัก GG spider bot มันก็จับคีย์เวิร์ดจากในเอนทรี่เป็นหลักอยู่ดีนะตัวเอง~)
เอนทรี่นี้ก็ขอบ๊ายบายเพียงเท่านี้~
ใครทำการบ้านเสร็จอย่าลืมเอามาให้ดูด้วยนะจ๊ะ~
การสร้างไดนามิกเมนูสำหรับตกแต่งบล็อก : ตอน 2 นำเมนูขึ้นบล็อกด้วยอิทฤทธิ์ IFRAME
ระดับความยุ่งยาก :
จากคราวที่แล้วสอนการทำเมนูแบบไดนามิกไป
เอนทรี่นี้ก็มาสอนวิธีนำเมนูที่ทำขึ้นบล็อกตามสัญญา
ก่อนอื่นเราต้องดูก่อนว่า เมนูของเรา ถ้ารวมเมนูย่อยด้วยทั้งหมดแล้ว ความกว้าง ความสูงจะยื่นออกไปมากแค่ไหน ให้นำความกว้างและความสูงมากำหนดค่า
width(ความกว้าง) และ
height(ความสูง) ใน
IFRAME
จากเมนูตัวอย่าง มีความกว้าง 336px สูง 177px
ก็กำหนดตามนั้น
จากตัวอย่างนี้โค้ดที่ใช้เราใช้จะเป็น
<iframe allowtransparency="true" border="0" src="urlของไฟล์เมนูที่เซฟไว้" width="336" height="177" framespacing="0" frameborder="0"></iframe>
จะเห็นว่ามีปัญหาอยู่สองอย่างคือเมนูไม่ยอมเข้าไปชิดกับขอบ IFRAME และ พื้นหลังของหน้าเว็บโดนตัว IFRAME บังทำให้พื้นหลังแหว่ง แล้วถ้าเอาไปลงบล็อกทั้งอย่างนี้ก็จะทำให้บล็อกเน่า.. มาดูวิธีแก้.. ให้เปิดไฟล์ที่เก็บโค้ดเมนูไว้ขึ้นมาด้วย Notepad แล้วเติมโค้ดในส่วนของ body ตามตัวออย่างที่ไฮไลท์ไว้
เซฟให้เรียบร้อย เพียงเท่านี้เมนูของคุณจะพร้อมสำหรับการนำไปใส่ในบล็อก
ถ้าแก้ไฟล์ในเครื่องก็อย่าลืมอัพโหลดขึ้นไปแทนอันเก่าด้วยนะจ๊ะ~ ไม่งั้นมันไม่เปลี่ยน
ขั้นตอนสุดท้ายก็แค่
เอาโค้ด
<iframe allowtransparency="true" border="0" src="urlของไฟล์เมนูที่เซฟไว้" width="336" height="177" framespacing="0" frameborder="0"></iframe> ไปแปะไว้ที่
Widget:Custom Code ในตำแหน่งที่ต้องการวางเมนูแล้วก็เซฟให้เรียบร้อย
ทำจนถึงขั้นสุดท้ายก็มีเมนูสวยๆ ไว้ใช้ในบล็อกแล้ว แนวอีกต่างหาก~ ในตัวอย่างนี่ทำเรียบๆ แต่ถ้าใครชอบแบบอลังการก็ลองแก้เอาเองเลยให้โปรแกรมไปแล้ว สอนวิธีทำไปแล้ว หวังว่าคงจะทำกันได้นะ ^ ^ …จะเอาไปเป็นเมนูเพจ เมนูCategory เมนูRecommend เมนูลูกผสมทั้งหล่ายแหล่ได้ตามสะดวก
.
.
จบเอนทรี่แล้ว
ใครอยากถามอะไรอีกก็ทิ้งคำถามไว้ได้เลย
ถ้าตอบได้จะตอบให้
แต่อย่าคาดหวังมากนะ เพราะเรายังไม่เทพขนาดรู้ทุกเรื่อง >w< (แต่ก็จะพยายามตอบนะ)
รื้อโปรเจ็คฟรีเอ็กซ์ทีนธีม ~ ส่งหัวข้อได้ที่นี่
