Bloggang.com : กึ่งยิงกึ่งผ่าน : FireFox background tuning for BLOGGANG

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

Last Update : 16 พฤษภาคม 2548 13:23:42 น.

21 comments

Counter : 2407 Pageviews.

โอ้

ขอบคุณมากคับ

ูููู^^

โดย: ป่อหงส์

วันที่: 16 พฤษภาคม 2548 เวลา:13:39:52 น.

ไม่รู้เรื่องเลยว่ะ

ขอผสมโซดาแก้วแล้วกัน

อ้อๆๆ วันก่อนตาเคราบอกว่าไปเจอดา เพื่อนพี่เหรอ

โลกกลมฉิบ

โดย: กลัวที่หนาย

วันที่: 16 พฤษภาคม 2548 เวลา:14:03:32 น.

บุ๋งบุ๋งบุ๋ง

โดย: N4

วันที่: 16 พฤษภาคม 2548 เวลา:14:21:36 น.

(ขอนอกเรื่องคุยกับพี่ก๊อยนิดนึงครับ อิอิ)

พี่ดาเค้าเคยทำงานในคอลัมน์หนังที่ออฟฟิซน่ะครับ แล้วเค้าออกไปทำหนังสือเต็มตัว ทีนี้ก่อนหน้านี้ ผมก็เมล์ไปหาพี่ดาที่หนังสือของแก บอกว่าตาเคราเขียน blog เกี่ยวกับหนังในลักษณะ cult horror ซึ่งหาคนเขียนค่อนข้างยาก (หรืออาจจะเพราะตาเครามันบ้า อิอิ)

ให้บังเอิญราวๆ หนึ่งสัปดาห์ต่อไป ไปเจอพี่ดาที่ร้านข้าวต้มห้าสิบห้า ก็เลยนั่งคุยกัน ก็ได้คุยเรื่องการเขียนของตาเครานิดนึง

ก็เล่าให้ตาเคราฟัง ตาเคราก็บอกว่า เฮ้ย นี่เพื่อนพี่ก๊อยนี่นา ... อ้าว โลกกลม!!

โดย: กึ่งยิงกึ่งผ่าน

วันที่: 16 พฤษภาคม 2548 เวลา:14:23:48 น.

^^ขอบคุณค่ะพี่เวอร์...เปิ้ลก้อเปนอ่ะ เพราะใช้ทั้งสองอย่างน่ะ

โดย: Mu_in_love

วันที่: 16 พฤษภาคม 2548 เวลา:15:26:59 น.

น้ากึ่งค้าบบ ทำให้ด้วยนะค้าบ ขี้เกียจอะค้าบ

โดย: รำเพย

วันที่: 16 พฤษภาคม 2548 เวลา:17:29:28 น.

ขอเวลาศึกษา 1 เดือนค่ะ -*-

โดย: โลกส่วนตัว IP: 203.151.140.111 วันที่: 16 พฤษภาคม 2548 เวลา:17:49:45 น.

โอ้เย ... ~
แก้ bg ใน FF ได้แร้ว .....

โดย: Shelling Ford` IP: 202.57.183.159 วันที่: 16 พฤษภาคม 2548 เวลา:21:45:12 น.

รักสบายจังเลยน้า #6 น่าอิจฉา หึ หึ T^T

ขอบคุณพี่กึ่งฯ ค่ะ ว่างๆ จะกระทำตามนะคะ

โดย: cocoa butter

วันที่: 16 พฤษภาคม 2548 เวลา:23:10:24 น.

ขอบคุณครับ

ผมสาวก จิ้งจอกไฟ

จะไปลองปรับเปลี่ยนดูครับ

โดย: _/|\\_ (GuiLty PLeaSure

) วันที่: 16 พฤษภาคม 2548 เวลา:23:42:42 น.

ดีใจด้วยค่ะที่ปลุกปล้ำกะมันจนสำเร็จจนได้ ฮี่ๆๆๆๆ

โดย: Nutjung

วันที่: 17 พฤษภาคม 2548 เวลา:0:02:12 น.

เจ้าโกโก้ อิจฉาอะไรฟะคะ น้ากึ่งเค้าไม่ได้ทำให้สักหน่อย

โดย: รำเพย

วันที่: 17 พฤษภาคม 2548 เวลา:6:00:11 น.

บล๊อกน่ารักดี ชอบ..

โดย: wbj

วันที่: 17 พฤษภาคม 2548 เวลา:13:01:34 น.

ขอบคุณคะ

โดย: asariss

วันที่: 17 พฤษภาคม 2548 เวลา:22:16:11 น.

อ้าว หรอ ... หรอ หรอ หรอ

มิรู้ มิเห็น นี่พี่เพย อิอิ

ปล. มาถามพี่กึ่งฯ ค่ะว่า tracker เดี๋ยวก็ติด เดี๋ยวก็ไม่ติด
นี่เป็นเพราะอะไรคะ เกี่ยวกับรูปแบบที่เลือกว่าเป็น diary style หรือเปล่าคะ

แบบ บางทีงงๆ ว่าไม่มีใครขึ้นเลยอ่ะ ทั้งๆ ที่เห็นในหน้ากลาง

โดย: cocoa butter

วันที่: 17 พฤษภาคม 2548 เวลา:22:31:33 น.

คาดว่าที่ Tracker มันติดๆ ดับๆ น่าจะเป็นเรื่องของการ Time out ครับ เพราะว่ามันใช้หลักการไปอ่านไฟล์ html ของแต่ละคนเพื่อหาวันที่ update ดังนั้น มันจึงต้องไปเปิดเว็บด้วยโปรแกรมมัน ถ้าสังเกตุดูจะเห็นว่ามันจะค่อยๆ ขึ้นมาทีละชื่อ แต่ถ้าช่วงไหน traffic โล่งๆ จะขึ้นมาเร็วปื้ดๆ เลยครับ

น่าจะเป็นเพราะเหตุนั้นครับ

โดย: กึ่งยิงกึ่งผ่าน

วันที่: 17 พฤษภาคม 2548 เวลา:23:08:30 น.

ขอบคุณค่ะ เป็นที่ traffic นี่เอง
เพราะตอนนี้ ทั้ง tracker ทั้งหน้า blog พี่กึ่งฯ กะพี่เพยโหลดเร็วมากๆ

คงเป็นเช่นนั้นแล ^_^

โดย: cocoa butter

วันที่: 18 พฤษภาคม 2548 เวลา:2:03:55 น.

สบายดีนะคะ ..

โดย: หนี่หนีหนี้

วันที่: 18 พฤษภาคม 2548 เวลา:17:40:16 น.

แจ๋วครับ
แต่ไม่เข้าใจ
5555
มีเวลา จะค่อย ๆ เข้ามาศึกษาครับ

โดย: ultraman seven

วันที่: 18 พฤษภาคม 2548 เวลา:22:34:19 น.

แจ๋วครับ
แต่ไม่เข้าใจ
5555
มีเวลา จะค่อย ๆ เข้ามาศึกษาครับ

โดย: ultraman seven

วันที่: 18 พฤษภาคม 2548 เวลา:22:34:20 น.

เอ่อ.. เริ่มยากขึ้นเรื่อยๆป่ะคะเนี่ยะ

โดย: ถั่วแดงเย็น

วันที่: 18 พฤษภาคม 2548 เวลา:22:45:50 น.