แต่งบล็อกให้ตัวหนังสือในบันทึก*และ*ความคิดเห็นมีขนาดใหญ่ขึ้น


ว่าจะไม่ยุ่งกับเรื่องนี้แล้วเชียวนะครับ แต่เนื่องจาก

  • ระบบการตัดปะในปัจจุบัน มีการลอกเอา embedded paragraph format เข้าไปด้วย ทำให้ขนาดตัวหนังสือใหญ่ไป หรือเล็กไป
  • บางที ดูดีบน Windows แต่อ่านไม่ออกบนระบบปฏิบัติการอื่น
  • บางทีข้อความที่เตรียมจากข้างนอกกับที่พิมพ์เข้าไปสดๆ ก็ไม่เท่ากัน
  • บางทีขนาดตัวอักษรในบันทึกกับในความคิดเห็นก็ไม่เท่ากัน

ดังนั้นจะขอเอาการแต่งบล็อกมาแลกเปลี่ยน แต่หากท่านใดไม่ทราบวิธีแก้ไข CSS ผมไม่ขอตอบนะครับ

เติม CSS ลงไปสามบรรทัด
div#page-wrapper {width: 85%;} div#page {width: 100%;} div#content2 {font-size: 12pt;}

คำอธิบาย

  • div#page-wrapper {width: 85%;} กับ div#page {width: 100%;} => ขยายเนื้อที่ของหน้าให้เป็น 85% ของความกว้างของเบราเซอร์; สามารถ resize เบราเซอร์ได้โดยที่ความกว้างของหน้าจอจะปรับตามไปเอง
  • div#content2 {font-size: 12pt;} => เปลี่ยนขนาดตัวอักษรเป็น 12 point ยังสามารถใช้ปุ่มปรับขนาดตัวอักษรของ GotoKnow หรือของเบราเซอร์ได้ -- ถ้าไม่ชอบ 12 point ก็เปลี่ยนเอาเอง ค่าปริยาย (default) ของระบบตอนนี้คือ 10 point

ด้วยวิธีการนี้ ขนาดของตัวอักษรที่ที่ไม่มี embedded format จะเป็นตัวใหญ่ 12 point อ่านได้จากระบบปฏิบัติการหลายตัว และเป็นมิตรกํบสายตาของ สว.ครับ ดูตัวอย่างจากบันทึกนี้ อะไรใหญ่ อะไรไม่ใหญ่

คำแนะนำสุดท้าย คือปะด้วย Paste as Plain Text เป็นดีที่สุดครับ -- ทั้งหมดเป็นคำแนะนำเฉยๆ ซึ่งจะทำหรือไม่ทำก็ได้นะครับ

คำสำคัญ (Tags): #css#gotoknow.org
หมายเลขบันทึก: 168929เขียนเมื่อ 4 มีนาคม 2008 01:51 น. ()แก้ไขเมื่อ 11 กุมภาพันธ์ 2012 22:58 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (4)

ขอบคุณค่ะ น้องชาย ครูอ้อยจะลองไปทำดูนะคะ

รักษาสุขภาพด้วยนะคะ

คิดถึง

ขอบคุณค่ะ กำลังอยากจะปรับอยู่พอดี เดี๋ยวนี้ทั้งตาสั้น(มานานแล้ว)แถมกำลังเริ่มตายาว..สังขารค่ะสังขาร : )  ได้ตัวหนังสือใหญ่หน่อยก็ดีเหมือนกัน ^ ^

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท