<?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>何尹璇：璇璇的祕密花園 &#187; 技術文件</title>
	<atom:link href="http://poet.930.info/blog/category/skills/feed/" rel="self" type="application/rss+xml" />
	<link>http://poet.930.info/blog</link>
	<description>每當夜深孤獨一人的時候，我會試著寫下一些記憶　它可能是愛情，可能是生活，也可能是一種夢與痛苦的感受</description>
	<lastBuildDate>Sat, 21 Jan 2012 15:22:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Facebook Social Plugins:Comments</title>
		<link>http://poet.930.info/blog/2011/09/29/facebook-comments/</link>
		<comments>http://poet.930.info/blog/2011/09/29/facebook-comments/#comments</comments>
		<pubDate>Thu, 29 Sep 2011 02:31:20 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[social plugins]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=2009</guid>
		<description><![CDATA[這是 Facebook Social Plugins 的留言功能(回應系統)
因為 WordPress 日誌有不同的分頁
所以 data-href 這邊設定的網址得根據每頁網址的不同而變更
data-num-posts 是最多顯示的留言數量, 可以自由更改
data-width 是寬度設定, 請配合自己的版面修改]]></description>
			<content:encoded><![CDATA[<p>這是 Facebook Social Plugins 的留言功能(回應系統)<br />
因為 WordPress 日誌有不同的分頁<br />
所以 data-href 這邊設定的網址得根據每頁網址的不同而變更<br />
data-num-posts 是最多顯示的留言數量, 可以自由更改<br />
data-width 是寬度設定, 請配合自己的版面修改</p>
<p>將以下程式碼插入 single.php 裡面你想放置的位置即可</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p2009code1'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p20091"><td class="code" id="p2009code1"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;!--</span>網友回應開始<span style="color: #339933;">--&gt;</span>
<span style="color: #339933;">&lt;</span>h1<span style="color: #339933;">&gt;</span>網友回應<span style="color: #339933;">&lt;/</span>h1<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;fb-root&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>d<span style="color: #339933;">,</span> s<span style="color: #339933;">,</span> id<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">var</span> js<span style="color: #339933;">,</span> fjs <span style="color: #339933;">=</span> d<span style="color: #339933;">.</span>getElementsByTagName<span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
  <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>d<span style="color: #339933;">.</span>getElementById<span style="color: #009900;">&#40;</span>id<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #b1b100;">return</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
  js <span style="color: #339933;">=</span> d<span style="color: #339933;">.</span>createElement<span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> js<span style="color: #339933;">.</span>id <span style="color: #339933;">=</span> id<span style="color: #339933;">;</span>
  js<span style="color: #339933;">.</span>src <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;//connect.facebook.net/zh_TW/all.js#xfbml=1&quot;</span><span style="color: #339933;">;</span>
  fjs<span style="color: #339933;">.</span>parentNode<span style="color: #339933;">.</span>insertBefore<span style="color: #009900;">&#40;</span>js<span style="color: #339933;">,</span> fjs<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#40;</span>document<span style="color: #339933;">,</span> <span style="color: #0000ff;">'script'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'facebook-jssdk'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;&lt;/</span>script<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>div data<span style="color: #339933;">-</span>href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php the_permalink() ?&gt;&quot;</span> data<span style="color: #339933;">-</span>num<span style="color: #339933;">-</span>posts<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;5&quot;</span> data<span style="color: #339933;">-</span>width<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;600&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;!--</span>網友回應結束<span style="color: #339933;">--&gt;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p>很有趣的是<br />
我發現 data-href<br />
妳只要填入剛好有人在使用的網址<br />
你就會看到別人在那個網址上面留的言喔~哈哈哈~~</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2010/02/04/wordpress-archive/" title="WordPress 標題式分類列表">WordPress 標題式分類列表</a> (5)</li><li><a href="http://poet.930.info/blog/2008/10/20/wordpress-related-posts/" title="WordPress Related Posts 延伸閱讀外掛">WordPress Related Posts 延伸閱讀外掛</a> (0)</li><li><a href="http://poet.930.info/blog/2008/10/20/wordpress-showpost/" title="限制 wordpress 文章顯示數量">限制 wordpress 文章顯示數量</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2011/09/29/facebook-comments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>thickbox 浮動視窗</title>
		<link>http://poet.930.info/blog/2010/03/28/thickbox/</link>
		<comments>http://poet.930.info/blog/2010/03/28/thickbox/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 03:03:21 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[thickbox]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=1079</guid>
		<description><![CDATA[此篇為自我記錄 因彈跳視窗氾濫, 所以有些瀏覽器設定會把這類自動彈跳出來的視窗檔掉, 所以有了thickbox這種漂亮美觀的功能套件出現, 如果只是要點小圖出現大圖的話, 只要直接連結圖片即可,根本連頁面都不需要有~非常方便! 1) 解壓縮 trunk.zip 2) loadingAnimation.gif 放到 images/ 下面 (可換圖) 3) 另外三個檔放在根目錄下 檔前加這三行： ?View Code CSS&#60;script type=&#34;text/javascript&#34; src=&#34;jquery.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;thickbox.js&#34;&#62;&#60;/script&#62; &#60;link rel=&#34;stylesheet&#34; href=&#34;thickbox.css&#34; type=&#34;text/css&#34;...]]></description>
			<content:encoded><![CDATA[<p>此篇為自我記錄</p>
<p>因彈跳視窗氾濫, 所以有些瀏覽器設定會把這類自動彈跳出來的視窗檔掉, 所以有了thickbox這種漂亮美觀的功能套件出現, 如果只是要點小圖出現大圖的話, 只要直接連結圖片即可,根本連頁面都不需要有~非常方便!</p>
<p>1) 解壓縮 <a href="http://poet.930.info/download/trunk.zip">trunk.zip</a><br />
2) loadingAnimation.gif 放到 images/ 下面 (可換圖)<br />
3) 另外三個檔放在根目錄下</p>
<p>檔前加這三行：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p1079code5'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p10795"><td class="code" id="p1079code5"><pre class="css" style="font-family:monospace;">&lt;script type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;jquery.js&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/script<span style="color: #00AA00;">&gt;</span>
&lt;script type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;thickbox.js&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;/script<span style="color: #00AA00;">&gt;</span>
&lt;link rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;thickbox.css&quot;</span> type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> media<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;screen&quot;</span> /<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>要顯示的圖片用法：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p1079code6'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p10796"><td class="code" id="p1079code6"><pre class="css" style="font-family:monospace;">&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;圖片檔名&quot;</span> title<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;add a caption to title attribute / or leave blank&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;thickbox&quot;</span> rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;gallery-plants&quot;</span><span style="color: #00AA00;">&gt;</span>縮圖或文字&lt;/a<span style="color: #00AA00;">&gt;</span>
&lt;a href<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;圖片檔名&quot;</span> title<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;add a caption to title attribute / or leave blank&quot;</span> class<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;thickbox&quot;</span> rel<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;gallery-plants&quot;</span><span style="color: #00AA00;">&gt;</span>縮圖或文字&lt;/a<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>add a caption to title attribute / or leave blank = 添加標題屬性/或留空</p>
<p>連結後面要放縮圖或文字隨你 happy~</p>
<p>Ps.若網頁有用 Flash 影片的話, Flash影片會蓋住 彈跳出來的視窗<br />
只要在 flash 語法正確的位置上加入這兩串字就可以了<br />
兩串都要加!! 這樣所有的瀏覽器才都可以正常!</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p1079code7'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p10797"><td class="code" id="p1079code7"><pre class="css" style="font-family:monospace;">&lt;param name<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;wmode&quot;</span> value<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;transparent&quot;</span> /<span style="color: #00AA00;">&gt;</span>
wmode <span style="color: #00AA00;">=</span> <span style="color: #ff0000;">'transparent'</span></pre></td></tr></table></div>

<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2008/12/08/%e6%b8%b8%e6%a8%99%e7%a7%bb%e5%85%a5%e6%96%87%e5%ad%97%e6%96%b9%e5%a1%8a%e6%96%87%e5%ad%97%e6%b6%88%e5%a4%b1%e6%95%88%e6%9e%9c/" title="游標移入文字方塊文字消失效果">游標移入文字方塊文字消失效果</a> (0)</li><li><a href="http://poet.930.info/blog/2007/12/03/preloader-with-percent-loaded/" title="Preloader with percent loaded ">Preloader with percent loaded </a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2010/03/28/thickbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress 標題式分類列表</title>
		<link>http://poet.930.info/blog/2010/02/04/wordpress-archive/</link>
		<comments>http://poet.930.info/blog/2010/02/04/wordpress-archive/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 08:15:34 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=840</guid>
		<description><![CDATA[一直覺得 WordPress的分類列表很醜又很難用，文章一多就很難找！ 很想弄成只有標題列表就好了，像這樣不是很簡潔有力嗎? 今天好不容易提早把手邊的工作告一段落，所以有點時間就開始動手來改囉~分類列表要改的是 archive.php 1.找到 ?View Code PHP&#60;h1&#62;Posts under &#38;#8216;&#60;?php single_cat_title(); ?&#62;&#38;#8217;&#60;/h1&#62; 改成（不改也可以，只是把 Posts under改成中文字而已，也可以改成你想要的） ?View Code HTML&#60;h1&#62;分類列表於 &#38;#8216;&#60;?php single_cat_title(); ?&#62;&#38;#8217;&#60;/h1&#62; 2.找到 ?View Code PHP&#60;div id=&#34;post-&#60;?php the_ID(); ?&#62;&#34;&#62; &#60;span&#62;&#60;abbr...]]></description>
			<content:encoded><![CDATA[<p>一直覺得 WordPress的分類列表很醜又很難用，文章一多就很難找！</p>
<p>很想弄成只有標題列表就好了，像這樣不是很簡潔有力嗎?</p>
<p><a href="http://poet.930.info/blog/wp-content/uploads/2010/02/20100204-11.gif"> <img title="20100204-1" src="http://poet.930.info/blog/wp-content/uploads/2010/02/20100204-11.gif" alt="" width="471" height="265" /></a></p>
<p>今天好不容易提早把手邊的工作告一段落，所以有點時間就開始動手來改囉~分類列表要改的是 archive.php</p>
<p>1.找到</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p840code12'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p84012"><td class="code" id="p840code12"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>h1<span style="color: #339933;">&gt;</span>Posts under <span style="color: #339933;">&amp;</span><span style="color: #666666; font-style: italic;">#8216;&lt;?php single_cat_title(); </span><span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&amp;</span><span style="color: #666666; font-style: italic;">#8217;&lt;/h1&gt;</span></pre></td></tr></table></div>

<p>改成（不改也可以，只是把 Posts under改成中文字而已，也可以改成你想要的）</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p840code13'); return false;">View Code</a> HTML</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p84013"><td class="code" id="p840code13"><pre class="html" style="font-family:monospace;">&lt;h1&gt;分類列表於 &amp;#8216;&lt;?php single_cat_title(); ?&gt;&amp;#8217;&lt;/h1&gt;</pre></td></tr></table></div>

<p>2.找到</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p840code14'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p84014"><td class="code" id="p840code14"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;post-&lt;?php the_ID(); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span<span style="color: #339933;">&gt;&lt;</span>abbr title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php the_time('Y-m-d<span style="color: #000099; font-weight: bold;">\T</span>H:i:sO'); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?</span>php the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'M d'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;/</span>abbr<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>h2<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php the_permalink(); ?&gt;&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;bookmark&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Permalink to &lt;?php the_title(); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?</span>php the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>h2<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;!--&lt;</span>address<span style="color: #339933;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?</span>php _e<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'by '</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php the_author_url(); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?</span>php the_author<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;.</span> <span style="color: #339933;">&lt;/</span>address<span style="color: #339933;">&gt;--&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'No comments yet'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1 comment'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'% comments'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'comments-link'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Comments are off for this post'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_post_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Edit'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'['</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">']'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_excerpt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;&lt;!--.</span>entry<span style="color: #339933;">--&gt;</span></pre></td></tr></table></div>

<p>整串取代成</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p840code15'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p84015"><td class="code" id="p840code15"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;post-&lt;?php the_ID(); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>font <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;entry-content&quot;</span><span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php the_permalink() ?&gt;&quot;</span> rel<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;bookmark&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Permalink a &lt;?php the_title_attribute(); ?&gt;&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?</span>php the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;9pt&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'0 回應'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1 回應'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'% 回應'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #009900;">&#41;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_post_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Edit'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'['</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">']'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>｜Post on <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Y-m-d'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>li<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>就完成囉~~</p>
<p>當然這是我自己編排的格式啦~字型的css和日期的排列與格式都是我自己設定的，<br />
建議你自己修改css的設定喔！不然出來的樣子恐怕會不大一樣~</p>
<p>如果你改好之後發現文章列表永遠都只有一條的話！<br />
請到後台的設定→閱讀去設定文章顯示數量就可以了！</p>
<p><a href="http://poet.930.info/blog/wp-content/uploads/2010/02/20100204-2.gif"> <img title="20100204-2" src="http://poet.930.info/blog/wp-content/uploads/2010/02/20100204-2.gif" alt="" width="375" height="486" /></a></p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2011/09/29/facebook-comments/" title="Facebook Social Plugins:Comments">Facebook Social Plugins:Comments</a> (0)</li><li><a href="http://poet.930.info/blog/2008/10/20/wordpress-related-posts/" title="WordPress Related Posts 延伸閱讀外掛">WordPress Related Posts 延伸閱讀外掛</a> (0)</li><li><a href="http://poet.930.info/blog/2008/10/20/wordpress-showpost/" title="限制 wordpress 文章顯示數量">限制 wordpress 文章顯示數量</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2010/02/04/wordpress-archive/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>pre tag 標籤自動換行</title>
		<link>http://poet.930.info/blog/2010/01/30/pre-tag/</link>
		<comments>http://poet.930.info/blog/2010/01/30/pre-tag/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 09:10:34 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=1103</guid>
		<description><![CDATA[pre 標籤(tag)在內容長度超過div寬度時 會跑出難看的 Scrollbar(移動捲軸) 只要在css裡面加入這串語法就可以讓 Scrollbar 消失 ?View Code CSSpre &#123; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space:...]]></description>
			<content:encoded><![CDATA[<p>pre 標籤(tag)在內容長度超過div寬度時<br />
會跑出難看的 Scrollbar(移動捲軸)<br />
只要在css裡面加入這串語法就可以讓 Scrollbar 消失</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p1103code17'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p110317"><td class="code" id="p1103code17"><pre class="css" style="font-family:monospace;">pre <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> pre-wrap<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* css-3 */</span>
<span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> -moz-pre-wrap<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Mozilla, since 1999 */</span>
<span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> -pre-wrap<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Opera 4-6 */</span>
<span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> -o-pre-wrap<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Opera 7 */</span>
word-wrap<span style="color: #00AA00;">:</span> break-word<span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* Internet Explorer 5.5+ */</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>相容性: IE6/7/8, FF, Chrome, Opera, Safari</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2008/12/29/css-browser/" title="CSS對IE、FireFox和其它瀏覽器的控制">CSS對IE、FireFox和其它瀏覽器的控制</a> (0)</li><li><a href="http://poet.930.info/blog/2008/12/28/%e6%96%87%e5%ad%97%e5%9e%82%e7%9b%b4%e7%bd%ae%e4%b8%ad/" title="文字垂直置中">文字垂直置中</a> (1)</li><li><a href="http://poet.930.info/blog/2007/12/20/font-size-adjustment/" title="Font-size Adjustment">Font-size Adjustment</a> (0)</li><li><a href="http://poet.930.info/blog/2007/12/19/css-float/" title="Div+CSS網頁佈局三欄頁CSS float方法">Div+CSS網頁佈局三欄頁CSS float方法</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2010/01/30/pre-tag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTC touch dual 台灣大哥大 3G 上網設定</title>
		<link>http://poet.930.info/blog/2009/05/29/htc-touch-dual-%e5%8f%b0%e7%81%a3%e5%a4%a7%e5%93%a5%e5%a4%a7-3g-%e4%b8%8a%e7%b6%b2%e8%a8%ad%e5%ae%9a/</link>
		<comments>http://poet.930.info/blog/2009/05/29/htc-touch-dual-%e5%8f%b0%e7%81%a3%e5%a4%a7%e5%93%a5%e5%a4%a7-3g-%e4%b8%8a%e7%b6%b2%e8%a8%ad%e5%ae%9a/#comments</comments>
		<pubDate>Fri, 29 May 2009 14:57:13 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[電腦與系統]]></category>
		<category><![CDATA[3G]]></category>
		<category><![CDATA[htc]]></category>
		<category><![CDATA[mms]]></category>
		<category><![CDATA[台灣大哥大]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=562</guid>
		<description><![CDATA[第一步驟 開始功能表→設定 連線 (選連線圖示) 連線功能表打開之後有 1工作 2進階 (選進階→選取網路) 網路管理 有兩個拉bar, 兩個都選工作設定 ok 退出回到工作 點新增數據機連線 1.輸入連線名稱：隨便打或打internet 2.選取數據機：選行動電話通訊線路(GPRS, 3G) 然後按下一步 存取點名稱：輸入 mms 下一步 使用者名稱： 密碼： 網域：* 全部空白　點選完成　回到工作選單 點取第三個　編輯我的 Proxy 伺服器 第一個框已經打勾了 第二個框也打勾...]]></description>
			<content:encoded><![CDATA[<p><strong>第一步驟<br />
</strong>開始功能表→設定<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-1.gif" alt="" width="240" height="320" /></p>
<p>連線 (選連線圖示)<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-2.gif" alt="" width="240" height="320" /></p>
<p>連線功能表打開之後有 1工作 2進階 (選進階→選取網路)<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-3.gif" alt="" width="240" height="320" /></p>
<p>網路管理 有兩個拉bar, 兩個都選工作設定<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-4.gif" alt="" width="240" height="320" /></p>
<p>ok 退出回到工作 點新增數據機連線<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-5.gif" alt="" width="240" height="320" /></p>
<p>1.輸入連線名稱：隨便打或打internet<br />
2.選取數據機：選行動電話通訊線路(GPRS, 3G)<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-6.gif" alt="" width="240" height="320" /></p>
<p>然後按下一步<br />
存取點名稱：輸入 mms<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-7.gif" alt="" width="240" height="320" /></p>
<p>下一步</p>
<p>使用者名稱：<br />
密碼：<br />
網域：*</p>
<p><img class="alignnone" src="http://poet.930.info/Album/blog/980529-8.gif" alt="" width="240" height="320" /></p>
<p>全部空白　點選完成　回到工作選單<br />
點取第三個　編輯我的 Proxy 伺服器<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-15.gif" alt="" width="240" height="320" /></p>
<p>第一個框已經打勾了<br />
第二個框也打勾 (此網路使用 Proxy 伺服器連線到網際網路)<br />
Proxy 伺服器　下方框框打入：10.1.1.2</p>
<p><img class="alignnone" src="http://poet.930.info/Album/blog/980529-16.gif" alt="" width="240" height="320" /></p>
<p>設好之後點 ok 退出　完成第一步驟(網路部分)的設定了</p>
<p><strong>第二步驟(mms多媒體設定)<br />
</strong>接著到開始功能表→訊息中心<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-9.gif" alt="" width="240" height="320" /></p>
<p>點選 SMS\MMS<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-10.gif" alt="" width="240" height="320" /></p>
<p>右下角功能表點選 MMS 選項<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-11.gif" alt="" width="240" height="320" /></p>
<p>找到 MMS伺服器　點新增<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-12.gif" alt="" width="240" height="320" /></p>
<p>伺服器名稱：任意(我自己是打台灣大哥大)<br />
Gateway：10.1.1.2<br />
連接阜：保持 8080<br />
伺服器IP：http://mms<br />
連線方式：選 工作設定</p>
<p><img class="alignnone" src="http://poet.930.info/Album/blog/980529-13.gif" alt="" width="240" height="320" /></p>
<p>然後點左下角的 完成<br />
出來之後把剛剛新增的那個伺服器設定為預設<br />
<img class="alignnone" src="http://poet.930.info/Album/blog/980529-14.gif" alt="" width="240" height="320" /></p>
<p>這樣就完成 mms 收發多媒體訊息的設定囉~</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2009/06/10/htc-touch-dual-%e4%b9%8b%e7%88%9b%e7%88%9b%e7%9a%84%e8%a7%b8%e6%8e%a7%e7%ad%86/" title="htc TOUCH Dual 之爛爛的觸控筆">htc TOUCH Dual 之爛爛的觸控筆</a> (4)</li><li><a href="http://poet.930.info/blog/2009/05/29/twn0809/" title="吼～遇到白癡客服了">吼～遇到白癡客服了</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2009/05/29/htc-touch-dual-%e5%8f%b0%e7%81%a3%e5%a4%a7%e5%93%a5%e5%a4%a7-3g-%e4%b8%8a%e7%b6%b2%e8%a8%ad%e5%ae%9a/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>EZ100PU IC卡讀卡機與 Vista 的微妙關係</title>
		<link>http://poet.930.info/blog/2009/05/23/ez100pu/</link>
		<comments>http://poet.930.info/blog/2009/05/23/ez100pu/#comments</comments>
		<pubDate>Sat, 23 May 2009 15:52:49 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[電腦與系統]]></category>
		<category><![CDATA[ez100pu]]></category>
		<category><![CDATA[vista]]></category>
		<category><![CDATA[讀卡機]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=548</guid>
		<description><![CDATA[有用讀卡機的人大概都以為Vista 不支援讀卡機 所以就委屈電腦只能裝 XP了吧? 其實不然 主要是因為 Vista &#62; 系統管理工具 &#62; 服務 裡面有一個 Smart Card (不是 Smart Card Removal Policy喔) 他的啟動類型是手動 所以會造成第一次安裝之後讀卡機可以正常使用沒錯 但是下次開機之後就變成錯誤而無法使用了 就是因為第一次裝完Driver幫你啟動了 但下一次開機時, 因為預設為手動,所以你必須手動來啟動它才可以使用 所以就直接把它找出來,改成自動就可以了 很簡單吧?有沒有很開心啊?~ 哇哈哈哈~叫我第一名吧~~ 都用這麼久了才告訴大家這個技巧 不知道大家是不是早學會了呢?...]]></description>
			<content:encoded><![CDATA[<p>有用讀卡機的人大概都以為Vista 不支援讀卡機</p>
<p>所以就委屈電腦只能裝 XP了吧?</p>
<p>其實不然</p>
<p>主要是因為 Vista &gt; 系統管理工具 &gt; 服務</p>
<p>裡面有一個 Smart Card (不是 Smart Card Removal Policy喔) 他的啟動類型是手動</p>
<p>所以會造成第一次安裝之後讀卡機可以正常使用沒錯</p>
<p>但是下次開機之後就變成錯誤而無法使用了</p>
<p>就是因為第一次裝完Driver幫你啟動了</p>
<p>但下一次開機時, 因為預設為手動,所以你必須手動來啟動它才可以使用</p>
<p>所以就直接把它找出來,改成自動就可以了</p>
<p>很簡單吧?有沒有很開心啊?~</p>
<p>哇哈哈哈~叫我第一名吧~~</p>
<p><img class="alignnone" src="http://poet.930.info/Album/blog/ez100pu.jpg" alt="" width="596" height="609" /></p>
<p>都用這麼久了才告訴大家這個技巧</p>
<p>不知道大家是不是早學會了呢? 不會的話就看看吧~</p>
<p>有幫上你忙的話就留個言喔~*^_^</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li>此文沒有延伸閱讀喔!</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2009/05/23/ez100pu/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>插入 FLASH 在 Firefox 瀏覽會多一行空白</title>
		<link>http://poet.930.info/blog/2009/04/04/firefox-flash-blank/</link>
		<comments>http://poet.930.info/blog/2009/04/04/firefox-flash-blank/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 14:40:53 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=916</guid>
		<description><![CDATA[如果您製作網頁總是習慣使用各種瀏覽器預覽一遍的話 或許您發現了這件事 只要是網頁中有用到 Flash 影片的話 使用 Fireox 預覽的時候, 會發現在該 Flash 下方多了一行空白!! 而且怎麼弄都弄不掉 但是在 IE 或 Google 等其他瀏覽器看卻都是正常的! 很困擾吧!? 解決方法就是在 Flash 語法之中加入幾個字就好了 &#60;object display:block;" classid="clsid:.."&#62; 試試看吧! *^_^ 你可以延伸閱讀以下文章：此文沒有延伸閱讀喔!]]></description>
			<content:encoded><![CDATA[<p>如果您製作網頁總是習慣使用各種瀏覽器預覽一遍的話</p>
<p>或許您發現了這件事</p>
<p>只要是網頁中有用到 Flash 影片的話</p>
<p>使用 Fireox 預覽的時候, 會發現在該 Flash 下方多了一行空白!!</p>
<p>而且怎麼弄都弄不掉</p>
<p>但是在 IE 或 Google 等其他瀏覽器看卻都是正常的!</p>
<p>很困擾吧!?</p>
<p>解決方法就是在 Flash 語法之中加入幾個字就好了</p>
<pre>&lt;object <span style="text-decoration: underline;"><strong>display:block;</strong></span>" classid="clsid:.."&gt;</pre>
<p>試試看吧! *^_^</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li>此文沒有延伸閱讀喔!</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2009/04/04/firefox-flash-blank/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS對IE、FireFox和其它瀏覽器的控制</title>
		<link>http://poet.930.info/blog/2008/12/29/css-browser/</link>
		<comments>http://poet.930.info/blog/2008/12/29/css-browser/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 08:14:41 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[瀏覽器]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=302</guid>
		<description><![CDATA[由於不同的瀏覽器，對 CSS 的解析認識不一樣， 因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS， 讓它能夠同時相容不同的瀏覽器，進而得到我們想要的頁面效果。 由於不同的瀏覽器對於 CSS 讀取優先順序的關係。 我們根據這個來針對不同的瀏覽器來寫不同的 CSS。 比如 IE6 能識別下劃線 _ 和星號 * IE7 能識別星號 *，當不能識別下劃線 _ 而 firefox 兩個都不能認識 撰寫順序，一般是將識別能力強的流覽器的CSS寫在後面。 下面如何寫裏面說得更詳細些。 比如要分辨 IE6 和 firefox...]]></description>
			<content:encoded><![CDATA[<p>由於不同的瀏覽器，對 CSS 的解析認識不一樣，<br />
因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。</p>
<p>這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，<br />
讓它能夠同時相容不同的瀏覽器，進而得到我們想要的頁面效果。</p>
<p>由於不同的瀏覽器對於 CSS 讀取優先順序的關係。<br />
我們根據這個來針對不同的瀏覽器來寫不同的 CSS。</p>
<p>比如<br />
<strong>IE6 能識別下劃線 _ 和星號 *<br />
IE7 能識別星號 *，當不能識別下劃線 _<br />
而 firefox 兩個都不能認識</strong></p>
<p>撰寫順序，一般是將識別能力強的流覽器的CSS寫在後面。</p>
<p>下面如何寫裏面說得更詳細些。</p>
<p>比如要分辨 IE6 和 firefox 兩種瀏覽器，可以這樣寫：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code24'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30224"><td class="code" id="p302code24"><pre class="css" style="font-family:monospace;">&lt;style<span style="color: #00AA00;">&gt;</span>
div<span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* for firefox */</span>
<span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">red</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/* for IE6 */</span>
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>這樣出來的效果是 IE6 中看到是紅色的，在 firefox 中看到是綠色的。<br />
<span style="text-decoration: underline;"><em>解釋一下：</em></span><br />
因為 firefox 不認識那個帶星號 * 的是什麼，於是會自動將它過濾掉，理所當然這個 div 的背景是綠色的。<br />
在 IE6 中呢，它兩個 background 都能識別出來，於是根據優先順序別，處在後面的 red 的優先順序高，當然這個 div  的背景顏色就是紅色的了。</p>
<p>區分IE6，IE7，firefox 區別不同瀏覽器，CSS hack 寫法：</p>
<p>區別 IE6 與 FF：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code25'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30225"><td class="code" id="p302code25"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>orange<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">blue</span><span style="color: #00AA00;">;</span></pre></td></tr></table></div>

<p>區別IE6與IE7：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code26'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30226"><td class="code" id="p302code26"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">green</span> !important<span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">blue</span><span style="color: #00AA00;">;</span></pre></td></tr></table></div>

<p>區別IE7與FF：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code27'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30227"><td class="code" id="p302code27"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>orange<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">green</span><span style="color: #00AA00;">;</span></pre></td></tr></table></div>

<p>區別FF，IE7，IE6：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code28'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30228"><td class="code" id="p302code28"><pre class="css" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>orange<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">green</span> !important<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">blue</span><span style="color: #00AA00;">;</span></pre></td></tr></table></div>

<p>注：IE都能識別*;標準流覽器(如FF)不能識別*；<br />
IE6 能識別 *，但不能識別 !important,<br />
IE7 能識別 *，也能識別 !important;<br />
FF不 能識別 *，但能識別 !important;</p>
<p>另外再補充一個，下劃線 "_",<br />
IE6 支持下劃線，IE7 和 firefox 均不支持下劃線。</p>
<p>於是大家還可以這樣來區分 IE6，IE7，firefox</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p302code29'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p30229"><td class="code" id="p302code29"><pre class="css" style="font-family:monospace;"><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>orange<span style="color: #00AA00;">;</span> <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">green</span><span style="color: #00AA00;">;</span> _background<span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">blue</span><span style="color: #00AA00;">;</span></pre></td></tr></table></div>

<p>註：不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最後面。</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2010/01/30/pre-tag/" title="pre tag 標籤自動換行">pre tag 標籤自動換行</a> (0)</li><li><a href="http://poet.930.info/blog/2008/12/28/%e6%96%87%e5%ad%97%e5%9e%82%e7%9b%b4%e7%bd%ae%e4%b8%ad/" title="文字垂直置中">文字垂直置中</a> (1)</li><li><a href="http://poet.930.info/blog/2007/12/20/font-size-adjustment/" title="Font-size Adjustment">Font-size Adjustment</a> (0)</li><li><a href="http://poet.930.info/blog/2007/12/19/css-float/" title="Div+CSS網頁佈局三欄頁CSS float方法">Div+CSS網頁佈局三欄頁CSS float方法</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2008/12/29/css-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>文字垂直置中</title>
		<link>http://poet.930.info/blog/2008/12/28/%e6%96%87%e5%ad%97%e5%9e%82%e7%9b%b4%e7%bd%ae%e4%b8%ad/</link>
		<comments>http://poet.930.info/blog/2008/12/28/%e6%96%87%e5%ad%97%e5%9e%82%e7%9b%b4%e7%bd%ae%e4%b8%ad/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 15:19:52 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=300</guid>
		<description><![CDATA[水平置中為 text-align: center; 垂直置中只需要把 line-height 的高度設成跟外部區塊的 height 相同即可。 你可以延伸閱讀以下文章：pre tag 標籤自動換行 (0)CSS對IE、FireFox和其它瀏覽器的控制 (0)Font-size Adjustment (0)Div+CSS網頁佈局三欄頁CSS float方法 (0)]]></description>
			<content:encoded><![CDATA[<p>水平置中為 <em>text-align: center;<br />
</em>垂直置中只需要把<em> line-height</em> 的高度設成跟外部區塊的 height 相同即可。</p>
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2010/01/30/pre-tag/" title="pre tag 標籤自動換行">pre tag 標籤自動換行</a> (0)</li><li><a href="http://poet.930.info/blog/2008/12/29/css-browser/" title="CSS對IE、FireFox和其它瀏覽器的控制">CSS對IE、FireFox和其它瀏覽器的控制</a> (0)</li><li><a href="http://poet.930.info/blog/2007/12/20/font-size-adjustment/" title="Font-size Adjustment">Font-size Adjustment</a> (0)</li><li><a href="http://poet.930.info/blog/2007/12/19/css-float/" title="Div+CSS網頁佈局三欄頁CSS float方法">Div+CSS網頁佈局三欄頁CSS float方法</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2008/12/28/%e6%96%87%e5%ad%97%e5%9e%82%e7%9b%b4%e7%bd%ae%e4%b8%ad/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>游標移入文字方塊文字消失效果</title>
		<link>http://poet.930.info/blog/2008/12/08/%e6%b8%b8%e6%a8%99%e7%a7%bb%e5%85%a5%e6%96%87%e5%ad%97%e6%96%b9%e5%a1%8a%e6%96%87%e5%ad%97%e6%b6%88%e5%a4%b1%e6%95%88%e6%9e%9c/</link>
		<comments>http://poet.930.info/blog/2008/12/08/%e6%b8%b8%e6%a8%99%e7%a7%bb%e5%85%a5%e6%96%87%e5%ad%97%e6%96%b9%e5%a1%8a%e6%96%87%e5%ad%97%e6%b6%88%e5%a4%b1%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 06:18:40 +0000</pubDate>
		<dc:creator>小璇子</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://poet.930.info/blog/?p=296</guid>
		<description><![CDATA[?View Code CSS&#60;input type=text value=&#34;請輸入關鍵字&#34; onMouseOver=&#34;this.focus()&#34; onFocus=&#34;this.select()&#34; onclick=&#34;this.value=''&#34;&#62; 效果如下： 你可以延伸閱讀以下文章：thickbox 浮動視窗 (0)]]></description>
			<content:encoded><![CDATA[
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p296code31'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p29631"><td class="code" id="p296code31"><pre class="css" style="font-family:monospace;">&lt;input type<span style="color: #00AA00;">=</span><span style="color: #993333;">text</span> value<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;請輸入關鍵字&quot;</span> onMouseOver<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;this.focus()&quot;</span>
 onFocus<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;this.select()&quot;</span> onclick<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;this.value=''&quot;</span><span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>效果如下：</p>
<input onclick="this.value=''" onmouseover="this.focus()" type="text" value="請輸入關鍵字" />
<h2  class="related_post_title">你可以延伸閱讀以下文章：</h2><ul class="related_post"><li><a href="http://poet.930.info/blog/2010/03/28/thickbox/" title="thickbox 浮動視窗">thickbox 浮動視窗</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://poet.930.info/blog/2008/12/08/%e6%b8%b8%e6%a8%99%e7%a7%bb%e5%85%a5%e6%96%87%e5%ad%97%e6%96%b9%e5%a1%8a%e6%96%87%e5%ad%97%e6%b6%88%e5%a4%b1%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

