<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cholwich's blog &#187; stylish</title>
	<atom:link href="http://cholwich.org/wordpress/tag/stylish/feed/" rel="self" type="application/rss+xml" />
	<link>http://cholwich.org/wordpress</link>
	<description>Just another blog of mine</description>
	<lastBuildDate>Thu, 02 Jun 2011 02:00:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Stylish และ Twitter</title>
		<link>http://cholwich.org/wordpress/2010/02/06/stylish-%e0%b9%81%e0%b8%a5%e0%b8%b0-twitter/</link>
		<comments>http://cholwich.org/wordpress/2010/02/06/stylish-%e0%b9%81%e0%b8%a5%e0%b8%b0-twitter/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 15:14:48 +0000</pubDate>
		<dc:creator>cholwich</dc:creator>
				<category><![CDATA[firefox]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[stylish]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://cholwich.org/wordpress/?p=378</guid>
		<description><![CDATA[หลังจากที่ twitter ออกฟีเจอร์ใหม่ให้แจ้ง tweet เพิ่มเติมอัตโนมัติ ผมก็มักจะใช้ Firefox เล่น twitter ตรงๆ ผ่านเว็บ แต่ก็พบปัญหาหนึ่งคือเว็บของ twitter จะแสดงภาษาไทยไม่ถูกต้อง สระบนถูกตัดแสดงไม่ครบ ลองใช้ Firebug ตรวจดูพบว่าเกิดจากปัญหาของ CSS ที่กำหนดความสูงของบรรทัดไว้เป็นค่าคงที่ ซึ่งจะใช้ได้ดีกับภาษาอังกฤษ แต่ก่อปัญหาให้กับภาษาไทย ผมแก้ไข CSS โดยใช้ add-on ของ Firefox ที่ชื่อ Stylish ซึ่งจะทำให้เราสามารถปรับเปลี่ยนรูปแบบการแสดงผลของเว็บที่กำหนดโดย URL ได้ เมื่อติดตั้งเสร็จ ก็แค่เปิดเว็บ twitter แล้วก็เลือกที่ icon ของ Stylish ที่อยู่มุมล่างขวาของ Firefox จากนั้นก็เลือก &#8220;Write new style&#8221; &#62; &#8220;For twitter.com&#8221; จากนั้นก็เพิ่ม CSS ตามข้างล่างนี้ เพื่อกำหนดให้ใช้ line-height เป็นแบบปกติ [...]]]></description>
			<content:encoded><![CDATA[<p>หลังจากที่ <a href="http://twitter.com">twitter</a> ออกฟีเจอร์ใหม่ให้แจ้ง tweet เพิ่มเติมอัตโนมัติ ผมก็มักจะใช้ <a href="http://getfirefox.com">Firefox</a> เล่น twitter ตรงๆ ผ่านเว็บ แต่ก็พบปัญหาหนึ่งคือเว็บของ twitter จะแสดงภาษาไทยไม่ถูกต้อง สระบนถูกตัดแสดงไม่ครบ ลองใช้ <a href="http://getfirebug.com">Firebug</a> ตรวจดูพบว่าเกิดจากปัญหาของ CSS ที่กำหนดความสูงของบรรทัดไว้เป็นค่าคงที่ ซึ่งจะใช้ได้ดีกับภาษาอังกฤษ แต่ก่อปัญหาให้กับภาษาไทย</p>
<p>ผมแก้ไข CSS โดยใช้ add-on ของ Firefox ที่ชื่อ <a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a> ซึ่งจะทำให้เราสามารถปรับเปลี่ยนรูปแบบการแสดงผลของเว็บที่กำหนดโดย URL ได้ เมื่อติดตั้งเสร็จ ก็แค่เปิดเว็บ twitter แล้วก็เลือกที่ icon ของ Stylish ที่อยู่มุมล่างขวาของ Firefox จากนั้นก็เลือก &#8220;Write new style&#8221; &gt; &#8220;For twitter.com&#8221; จากนั้นก็เพิ่ม CSS ตามข้างล่างนี้ เพื่อกำหนดให้ใช้ line-height เป็นแบบปกติ เท่านี้ก็เสร็จเรียบร้อย</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">.entry-<span style="color: #000000; font-weight: bold;">content</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
textarea<span style="color: #cc00cc;">#status</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">normal</span> !important<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://cholwich.org/wordpress/2010/02/06/stylish-%e0%b9%81%e0%b8%a5%e0%b8%b0-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

