FireFox background tuning for BLOGGANG
สำหรับคนที่เล่น bloggang มาพักใหญ่ และได้ลองปรับเปลี่ยนสี ปรับเปลี่ยน style sheet ปรับ javascript อะไรอย่างนี้ จะพบว่ามีอยู่ปัญหาหนึ่ง ที่เกิดขึ้นและจะงงๆ ว่ามันเป็นอะไรของมัน และแก้ไขมันยังไงดี
ปัญหาที่ว่านี้ก็คือ สีจะเพี้ยนเมื่อเปิดเว็บดูด้วย Browser ที่ชื่อ Firefox เพราะเมื่อมีการกำหนด สีพื้นหลัง (Background Color) หรือ สีตัวหนังสือ (Foreground Color) แล้ว จะไม่มีการเปลี่ยนตามที่เรากำหนด แต่จะเป็นตามการกำหนดตาม theme หลัก ที่เราได้เลือกเอาไว้
โดยปกติแล้วเราจะแก้สี จะมีการทำอยู่ 2 อย่างคือ แก้ที่ CSS หรือใช้ javascript เป็นตัวแก้ แต่ Firefox จะไม่ยอมทำงาน CSS นั้น และไม่ยอมทำตาม Javascript นี้
document.body.background = '#บลาบลาบลา'; |
ผมก็หาวิธีแก้ตั้งนาน แล้วพอดีเปลี่ยน Theme เป็น Star Wars ก็เลยได้แก้ ได้โล๊ะอะไรรุงรังๆ ออก แล้วก็พบวิธีแก้ไขเข้าให้
วิธีแก้ไขก็มีดังนี้ครับ การทำให้ Firefox แสดงค่าสีของ Body
document.getElementsByTagName("BODY")[0].style.background="#ค่าสี"; |
การทำให้ Firefox แสดงตัวหนังสือเป็นสีที่เรากำหนด
document.getElementsByTagName("BODY")[0].style.color="#ค่าสี"; |
และหากเรากำหนดแบบข้างต้นแล้ว จะทำให้เราต้องทำการแก้ไข Background Color ของเราใหม่ ซึ่งต้องกำหนดเป็นแบบเดียวกันดังนี้ การทำให้ Firefox แสดงรูปภาพพื้นหลัง
document.getElementsByTagName("BODY")[0].style.BackgroundImage="url(//บุ๋งบุ๋งบุ๋ง)"; |
และเมื่อพูดถึงการกำหนดรูปภาพพื้นหลังแล้ว จะมีเพิ่มเติมนิดหน่อยคือการกำหนดการเวียนบรรจบ (โห ตั้งชื่อซะตามหลักสูตรกระทรวงศึกษาธิการเลย 55555) หรือการ Repeat ของภาพ นั่นเอง ถ้าเราไม่ได้กำหนด จะมีการกำหนดค่าปริยาย (กระทรวงศึกษาฯ มาอีกแล้ว) เป็น จงวนจงวน... แต่ถ้าเราต้องการให้มันแสดงมาแค่ครั้งเดียว แล้วไม่แสดงอีก แต่จะใช้ "สี" เป็นตัวทำงานต่อเอง (อย่างตัวอย่างของ Blog Star Wars อันนี้ล่ะครับ) ก็ต้องมีการกำหนด Style ของการ Repeat ให้มัน ดังนี้ครับ การกำหนดให้ Firefox ไม่มีการทำการ Repeat ภาพพื้นหลัง
document.getElementsByTagName("BODY")[0].style.BackgroundRepeat = "no-repeat"; |
เพียงเท่านี้ Blog ของท่าน จะได้หน้าตาที่เหมือนกันทั้งใน Firefox และ IE แล้วล่ะครับ ขอให้โชคดีและสนุกสนานนะครับ
ปล. อ่านมาถึงตรงนี้ บางคนบอกว่า แล้วจะเอาไปใส่ตรงไหน(วะ) 55555 ไม่ยากครับ ใส่ใน Profile ก็ได้ โดยมี <script> คั่นเอาไว้ และปิดท้ายด้วย </script> ครับ หรือเอาไปไว้ตรงส่วนของ slogan ก็ได้ และที่ต้องคั่นด้วย script ที่ผมว่า เพราะว่าคำสั่งพวกนี้มันเป็น javascript น่ะครับ
Create Date : 16 พฤษภาคม 2548 |
|
21 comments |
Last Update : 16 พฤษภาคม 2548 13:23:42 น. |
Counter : 2288 Pageviews. |
|
|
|
ขอบคุณมากคับ
ูููู^^