<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[Photoshop內製作 .ico, .cur ]]> apao <apao@www.apao.idv.tw> Tue, 13 Aug 2013 05:18:15 +0000 https://blog.apao.idv.tw/post// 安裝PhotoShop外掛

1.首先下載 ICO (Windows Icon) Format
點擊在新視窗中瀏覽此圖片

▲ http://www.telegraphics.com.au/sw/product/ICOFormat#icoformat
Win/Mac版 均有

2.解開 [ICOFormat.plugin] 並安裝至Photoshop

點擊在新視窗中瀏覽此圖片

▲ 並將Plug-ins檔案放入，Plug-ins中即可 [但我放入Plug-ins/File Formats]


於PhotoShop中製作並儲存檔案

1.範例：製作32x32px檔案

點擊在新視窗中瀏覽此圖片

▲ 不要太大，以面讀進網頁的時候花太多時間。

2.輸出選擇：

點擊在新視窗中瀏覽此圖片

▲ 可製作Windows icon，*.ICO *.CUR等檔案格式，

3.變更副檔名：

點擊在新視窗中瀏覽此圖片

▲ 儲存.ico檔案後，再改寫成.cur就可以了。


上傳至網頁空間

1.於CSS內指定

<style type=”text/css”>
.zoom_in{ cursor:url(yourURL.cur), pointer; }
</style>
※ yourURL=圖片路徑

2.HTML中寫入class
於<body></body>之間寫入必須的
class="zoom_in"


點擊在新視窗中瀏覽此圖片
▲ 在指定的地方，就會將電腦游標改變成放大的游標

註：IE 8似乎不是完全對應。Chrome使用圖片的map時，就無法顯示
favicon.ico 也可以用這個製作喔
Tags - , , , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] Photoshop內製作 .ico, .cur ]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment