<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000214" baseName="hiddenlinks-1-5">Hidden Links 1.5</b:listData>

			<b:previous>
				<b:mTitle>My iBook</b:mTitle>
				<b:mDate>2005/07/26</b:mDate>
				<b:mBase>my-ibook</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>2 column + header + footer 樣版 更新</b:mTitle>
				<b:mDate>2005/07/27</b:mDate>
				<b:mBase>2chf-template-update</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000214" baseName="hiddenlinks-1-5">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2005-07-26</b:date>
				<b:time>22:27:20</b:time>
			</b:datetime>
			<b:category>script</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>Hidden Links 1.5</b:title>
			<b:content>
				<b:summary>之前的隱藏不必要的連結的小script更新了，現在支援IE/Win 5.5以後、Firefox、Opera、Safari，出現方式由原來的放大縮小改成上下移動加淡入淡出，不過淡入淡出效果只有Firefox和Safari支援，Opera似乎因為CSS 3還未正式定案所以沒有支援opacity屬性，想測試的可以去測試網頁右上角20px的範圍內停留一下。...</b:summary>
				<b:mainContent><p>之前的<a href="/log/2005/07/16/hidden_links/">隱藏不必要的連結</a>的小script更新了，現在支援IE/Win 5.5以後、Firefox、Opera、Safari，出現方式由原來的放大縮小改成上下移動加淡入淡出，不過淡入淡出效果只有Firefox和Safari支援，Opera似乎因為<a href="http://www.w3.org/Style/CSS/current-work"><span class="caps">CSS</span> 3</a>還未正式定案所以沒有支援opacity屬性，想測試的可以去<a href="/log/2005/07/26/hiddenlinks_1_5/hiddenlinks.html">測試網頁</a>右上角20px的範圍內停留一下。</p></b:mainContent>
				<b:extendContent><p>想使用的人需要注意的是，因為我使用了SixApart的<a href="http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html">yDSF</a>，所以要先去抓yDSF要用的兩張圖片和css檔並讓網頁連結它們，然後還要對它的CSS做點修改，避免在safari上產生顯示問題（不在意的就不用改了）。找到以下的CSS：</p>



<pre><code>.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}</code></pre>



<p>改成</p>



<pre><code>.ydsf:after {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}</code></pre>



<p>最後下載我的兩個檔案：<a href="/log/2005/07/26/hiddenlinks_1_5/hiddenlinks.css"><span class="caps">CSS</span></a>、<a href="/log/2005/07/26/hiddenlinks_1_5/hiddenlinks.js">Javascript</a>，一樣讓網頁連結到他們就可以了。</p></b:extendContent>
			</b:content>
			<b:comments commentCount="2">

				<b:comment commentID="000741" entryID="000214">
					<b:author>
						<b:authorName>hlb</b:authorName>
						<b:authorEmail>lbhsiuh@csie.nctu.edu.tw</b:authorEmail>
						<b:authorUrl>http://ccca.nctu.edu.tw/~hlb/articles/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-07-30</b:date>
						<b:time>00:42:09</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>哇，看起來真是讚！</p>

<p>有沒有考慮把程式碼再整理一下，做個說明網頁，順便訂個授權條款？（雖然我有看到網站的 CC License）</p>

<p>另外啊，用 Safari 留言有難度呢。Safari 的鍵盤游標是黑色的，所以留言的時候，我完全不知道游標指到哪去了。反差太高也是個問題...... :)</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000742" entryID="000214">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-07-30</b:date>
						<b:time>01:26:27</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>程式碼確實有要再整理過，現在有用到nicetitles的兩個function，我也怕同時套用會出問題，所以會做測試和修改，另外就是淡入淡出的時間點也要調整，連結太多的話會造成出現和消失的動作看起來不一樣XD，都修好就會變2.0了:P。授權條款的話，我對GPL之類的也不熟悉@_@。</p>

<p>Safari的問題我倒是沒注意到，不過剛好這裡的反差配色我有想換掉了XD。</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/mt/mt-tb.cgi/213">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>