goTOP
August 13, 2013

Photoshop內製作 .ico, .cur

| |
最新資訊 | 閱覽(7485) | Posted by apao at 13:18
安裝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 也可以用這個製作喔
Facebook twitter LINEk
文章来自: 本站原創
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我