แก้โค้ด css ให้ตัวหนังสือใน blog ไม่เบียดกัน (พร้อมรูปประกอบ)
posted on 30 Oct 2006 09:27 by kanchanok in blogตัวอย่างตัวหนังสือเบียดกันใน blog -------- >

....
อันที่จริง เอนทรีส์นี้เคยเอาลง blog มาแล้วครั้งหนึ่ง
แต่เห็นว่าน่าจะเป็นประโยชน์กับคนที่ยังไม่รู้
และเป็นประโยชน์กับความสบายสายตาของคนอ่านเยี่ยงเรา
จึงเอามาลงใหม่อีกหนหนึ่ง พร้อมทั้งปรับปรุงเพิ่มภาพประกอบด้วยจ้ะ
- - - - - - - - -
วิธีแก้ไขตัวหนังสือที่เบียดกันแบบภาพด้านบนคือ
จะต้องเข้าไปแก้ code ใน css โดยเข้าไปที่ menu : manage blog
แล้วคลิกที่ theme > ข้อ 4 Config CSS (Advance user) > กดที่นี่เพื่อแก้ไข CSS ด้วยตัวเอง
.....

คลิกเข้าไปจะเจอหน้าต่างที่มี code html เยอะ ๆ เราก็เลื่อนลงมาจนเจอหน้าตาแบบนี้ แล้วลบ line-height: 1.3em; ซะให้เหี้ยน !!!!

แล้วก็ save ซะ .....

พอกดไปดู blog ของคุณ รีเฟรชหน้าเว็บอีกซักหน่อย ตัวหนังสือก็จะหายจากโรคเบียดกันแล้ว---->

...
ลองดูนะ ไม่ยากเลย
เพิ่มเติม
- ความจริงถ้าใช้ Font เล็ก ตัวหนังสือก็จะไม่เบียดกันอยู่แล้ว
- ความจริงของความจริง นอกจากแก้ที่ code อาจต้องปรับการแสดงผลของ Font ที่หน้าจอ แบบที่คุณเจ้าชายน้อยบอก แต่บังเอิญข้าพเจ้าปรับไม่เป็นจ้าแหะ แหะ
- ความจริงที่สุด ข้าพเจ้าเคยลองพิมพ์ลงในไมโครซอฟท์เวิร์ดก่อน แล้วก๊อปปี้ลงมาแปะในบล็อกอีกที ก็พบว่า บางครั้งตัวหนังสือก็ไม่เบียดกันด้วยจ้ะ
- ความต้องการส่วนตัว.... หนูอยากได้ขนาดฟอนท์แบบที่แสดงผลในไดอารี่ของสตอรี่ไทยจังเลยจ้ะ รู้สึกว่าเป็นขนาดตัวหนังสือที่น่าอ่านกำลังดี แต่ยังไงจะเกาะ exteenไปจนตายเยยอ่ะ ......ฟังดูน่ากัว ๆ นะ
edit @ 2006/10/30 10:07:34
edit @ 2006/10/30 10:11:50
edit @ 2006/10/30 10:16:06
edit @ 2006/10/31 09:22:17
edit @ 2006/11/01 23:41:22
ไว้มีปัญหาแล้วจะลองแก้ดู
ขอบคุณค่ะ พักหลัง ๆ ไม่ได้อ่านอะเดย์อีกเลย ด้วยรู้สึกเลยวัย แหะ ๆ

#1 By Grëêñßåÿgøñ™ on 2006-10-30 10:22