[Firefox] มาใช้ประโยชน์จาก Page Style กัน
posted on 17 Mar 2009 09:19 by ninkungz in Firefox
เอ็นทรี่นี้อาจทำให้มีคนเหม็นขี้หน้าผมไม่น้อยเลยก็ได้ เอาเป็นว่าขออภัยทุกท่านที่ถูกเอ่ยถึงแบบอ้อม ๆ ล่วงหน้าไว้ก่อนก็แล้วกัน 
มาเข้าเรื่องกัน เคยมั้ยครับ? เวลาเข้าไปอ่านบล็อกใครแล้วเจอปัญหาประมาณนี้... (รูปมาจากบอร์ด 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 ก็ได้ คงรู้วิธีกันแล้วนะ )
<link rel="alternate stylesheet" title="ชื่อไตเติ้ล" href="ไฟล์สไตล์ชีต.css" type="text/css"/>
โดยตัวหนังสือสีฟ้า คุณต้องแก้ดังนี้
- ชื่อไตเติ้ล - เป็นชื่อที่คุณจะให้ไปโผล่ในเมนู Page Style นั่นเองครับ หากไม่ใส่มันก็ไม่โผล่
- ไฟล์สไตล์ชีต.css - ให้ระบุ URL ไปยังไฟล์ CSS ซึ่งไฟล์นี้คุณสามารถก็อปเอาโค้ด CSS ของธีมอื่น ๆ ของคุณออกมาแล้วเซฟให้เป็นนามสกุล .css จากนั้นอัพโหลดไปเก็บไว้ที่ไหนสักแห่งก็จบแล้ว
ตัวอย่างก็เช่น..
<link rel="alternate stylesheet" title="OldDigitalSoul" href="http://chaninz.googlepages.com/OldNin.css" type="text/css"/>
อันนี้ผมเอาธีมเก่ามายัดใส่ไฟล์ OldNin.css แล้วอัพไปไว้ที่เว็บใน Google Pages
<link rel="alternate stylesheet" title="nike" href="http://nike.exteen.com/style.css" type="text/css"/>
อันนี้ผมก็แค่เอาสไตล์ชีตจากบล็อกของนิเกะมาใส่ลงไปเท่านั้น (ธีมของชาว Exteen จะอยู่ตำแหน่งนี้หมด แค่เปลี่ยนชื่อตรง URL ให้ถูกคนเท่านั้น
)
ก็หวังว่าคงเอาไปลองเล่นกันสนุก ๆ นะ แบบเผื่ออยากรู้ว่าบล็อกเราถ้าใส่ธีมคนอื่นหน้าตามันเป็นยังไง แต่บอกตามตรงผมไม่ค่อยอยากให้ใครอ่านบล็อกผมในธีมของคนอื่นหรอก แล้วก็ไม่อยากให้ใครเอาบล็อกผมไปใช้ด้วย ดังนั้นผมเองก็คงเอาออกในเร็ววัน
ข้อเสียของเทคนิคนี้ก็คือ... แค่คุณกดอ่านคอมเม้นท์ หรือ Refresh มันก็กลับเป็นเหมือนเดิมแล้ว นี่ล่ะถึงว่าทำไมเขาไม่ฮิตกัน 
(อีกอย่างคือ IE มันไม่รองรับ )
เว็บที่เกี่ยวข้อง
#1 By nonene noname on 2009-03-17 10:53