ใช้งาน Page Stlye ใน Firefox

เกร็ดและกลเม็ดชิ้นนี้ ไปขอเนื้อหามาจาก Ninkungz ต้องขอขอบพระคุณเป็นอย่างสูง ที่ให้เนื้อหามาเผยแพร่ครับ

เอ็นทรี่นี้อาจทำให้มีคนเหม็นขี้หน้าผมไม่น้อยเลยก็ได้ เอาเป็นว่าขออภัยทุกท่านที่ถูกเอ่ยถึงแบบอ้อม ๆ ล่วงหน้าไว้ก่อนก็แล้วกัน

มาเข้าเรื่องกัน เคยมั้ยครับ? เวลาเข้าไปอ่านบล็อกใครแล้วเจอปัญหาประมาณนี้... (รูปมาจากบอร์ด Exteen)

อาจจะดูยากสักนิด งั้นขออธิบายภาพว่า รูปในภาพมันใหญ่ล้นกรอบมาเบียดเบียนเนื้อหาข้าง ๆ ครับ!!

ปัญหานี้ผมพบในบล็อกของหลายคนมาก
บางทีภาพก็ล้นไปทับเมนูข้าง ๆ ทำให้คลิกเมนูพวกนั้นไม่ได้บ้าง หรือภาพล้นไปจนโดนทับทำให้ไม่ได้เห็นภาพแบบเต็ม ๆ บ้าง
หรือหนักกว่านั้นข้อความมันล้นตามภาพออกไปด้วยทำให้อ่านยากเอาเรื่องทีเดียว นอกจากนั้นยังมี...

ภาพพื้นหลังกลืนกับตัวหนังสือทำให้อ่านยาก
จัดรูปแบบตัวหนังสือผิดพลาดจนข้อความทับกัน (อันนี้แรร์)
ใช้ธีมแบบ Box ทำให้พื้นที่อ่านเล็กนิดเดียว (อันนี้หงุดหงิดคนจอกว้าง )
ลิ้งค์เป็นสีที่มองเห็นยาก หรือมองไม่เห็นเลย

แล้วจะแก้อย่างไร? ไปบอกคนเขียนบล็อกให้ช่วยๆ แก้ให้หน่อยงั้นรึ? ได้ยังไงกัน! นั่นบล็อกของเขา ที่ของเขา เขาอยากจะทำอะไรแบบไหนก็เป็นสิทธิของเขา เราดันเจือกเข้าไปอ่านเองจะมาบ่นทำไม!!?

อย่ากระนั้นเลยมาแก้ที่ตัวคนอ่านอย่างเราเองกันเถอะ โดยใช้คุณสมบัติซ่อนเร้นอย่าง Page Style ใน Firefox ... แล้วต้องไปโหลดอะไรที่ไหนยังไง? ไม่ต้องครับ มันมีอยู่มาตั้งแต่ Firefox ยังไม่ออกเวอร์ชั่น 1.0 นู่น!

สำหรับเมนู Eng : ไปที่ View > Page Style > No Style

สำหรับเมนูไทย : ไปที่ มุมมอง > รูปแบบหน้า > ไม่มีรูปแบบ

แล้วผลที่ได้ก็คือ...บล็อกดังกล่าวจะกลายสภาพเป็นหน้าตาโล่ง ๆ ทันที!!

ตอนนี้หลายคนคงเข้าใจแล้วว่า มันเป็นการถอดเอา Stylesheet ออกไปนั่นเอง ซึ่งระบบธีมของ Exteen นั้นจะใช้การจัดหน้าทั้งหมดด้วย CSS Stylesheet เมื่อเอาออกไปจึงไม่เหลืออะไรเลยนอกจากเนื้อหาอย่างที่คุณเห็น ดังนั้นแถบด้านซ้ายด้านขวาจึงลงมากองเรียงกันอยู่ด้านบน-ล่าง หมดปัญหาเรื่องโดนภาพล้นมาทับ พื้นหลังหายไปกลายเป็นสีขาวโล่ง ๆ ลิ้งค์ที่เคยเป็นสีตามใจฉัน ก็กลายเป็นสีน้ำเงิน-ม่วง ตามมาตรฐาน

แน่นอนว่ามันดูไม่งามตา แต่อ่านเนื้อหาได้ครบถ้วนแน่นอน ผมใช้มานานแล้ว (อ้อ ถ้าจะกลับแบบเดิมก็กลับไปเลือกเป็น Basic Page Style หรือ รูปแบบพื้นฐาน นะครับ)

สำหรับ Opera ก็มีเหมือนกันครับ แต่ Opera เจ๋งกว่าตรงมี Fit to Width (กด Ctrl + F11) เพื่อบีบภาพหรือข้อความที่ล้นกรอบได้ด้วย

ว่าแต่... มันมีลูกเล่นแค่นี้รึ? หากใครลองกดเข้าไปที่เมนู Page Style ในขณะที่อ่านบล็อกผมอยู่ละก็...
คงได้เห็นอะไรบางอย่างแล้วนะครับ (ถ้าไม่เห็น แสดงว่าผมเอาออกไปแล้ว เพราะกะเอาไว้ชั่วคราวเท่านั้น)

ทำไมมีตัวเลือกชื่อคุ้น ๆ เพิ่มมาล่ะ!! ไหน ลองคลิกดูหน่อยซิ

นี่มันบล็อกนิเกะนี่หว่า!!!

กลายเป็นธีมใหม่ล่าสุดของภูภู่ฯ ไปแล้ว!!!

เรื่องเพี้ยน ๆ เหล่านี้เกิดได้ด้วยฝีมือของ Alternative stylesheet

รู้จักกับ Alternative stylesheet

เจ้าลูกเล่นนี้ไม่ใช่ของใหม่แต่อย่างไร มันเชิดหน้าชูตามาตั้งแต่ครั้งยุค Netscape แล้ว และแม้แต่ Firefox
ก็ยังรองรับมันมาตั้งแต่ 1.0 Final ยังไม่ออก ดูได้จาก Change log ของ Firefox Preview Release 0.10

จะเห็นว่ามีการพูดถึง Alternate stylesheet ซึ่ง Firefox ในตอนนั้นจะมีการแสดงไอค่อนที่สเตตัสบาร์เมื่อเจอเว็บที่มี Alternate stylesheet ด้วย (ซึ่งผมก็เคยลองมาแล้ว) แต่คงเพราะเข็นไม่ไป
ตอนหลังจึงเอาออกแล้วเหลือแต่เมนูดังกล่าว

ถ้าสงสัยว่าทำไมมันไม่ฮิต ก็ลองอ่านต่อไปจนจบเดี๋ยวก็รู้เองครับ แต่ตอนนี้... มาลองเอา Alternative stylesheet ใส่บล็อกกันเถอะ!!

วิธีการก็ง่าย ๆ แค่เพิ่มโค้ดลงไปบรรทัดนึง... (ใส่ไว้ที่ Links หรือ Custom Code ก็ได้ คงรู้วิธีกันแล้วนะ

โดยตัวหนังสือสีฟ้า คุณต้องแก้ดังนี้

ชื่อไตเติ้ล - เป็นชื่อที่คุณจะให้ไปโผล่ในเมนู Page Style นั่นเองครับ หากไม่ใส่มันก็ไม่โผล่
ไฟล์สไตล์ชีต.css -
ให้ระบุ URL ไปยังไฟล์ CSS ซึ่งไฟล์นี้คุณสามารถก็อปเอาโค้ด CSS
ของธีมอื่น ๆ ของคุณออกมาแล้วเซฟให้เป็นนามสกุล .css
จากนั้นอัพโหลดไปเก็บไว้ที่ไหนสักแห่งก็จบแล้ว

ตัวอย่างก็เช่น..

อันนี้ผมเอาธีมเก่ามายัดใส่ไฟล์ OldNin.css แล้วอัพไปไว้ที่เว็บใน Google Pages

อันนี้ผมก็แค่เอาสไตล์ชีตจากบล็อกของนิเกะ มาใส่ลงไปเท่านั้น (ธีมของชาว Exteen จะอยู่ตำแหน่งนี้หมด แค่เปลี่ยนชื่อตรง URL ให้ถูกคนเท่านั้น )

ก็หวังว่าคงเอาไปลองเล่นกันสนุก ๆ นะ แบบเผื่ออยากรู้ว่าบล็อกเราถ้าใส่ธีมคนอื่นหน้าตามันเป็นยังไง
แต่บอกตามตรงผมไม่ค่อยอยากให้ใครอ่านบล็อกผมในธีมของคนอื่นหรอก แล้วก็ไม่อยากให้ใครเอาบล็อกผมไปใช้ด้วย ดังนั้นผมเองก็คงเอาออกในเร็ววัน

ข้อเสียของเทคนิคนี้ก็คือ... แค่คุณกดอ่านคอมเม้นท์ หรือ Refresh มันก็กลับเป็นเหมือนเดิมแล้ว นี่ล่ะถึงว่าทำไมเขาไม่ฮิตกัน (อีกอย่างคือ IE มันไม่รองรับ )