2007年7月15日 星期日

更換滑鼠指標

更換滑鼠指標



原本不想做這個單元


因為有太多部落格高手都有在教學


還是有網友一再發問



注意事項:


滑鼠指標圖--必須是放置在網路空間


不行用自己電腦內的滑鼠指標圖


副檔名-必須是.ani



你想將jpg、 gif 直接改名是不行的


必須要用製作軟體:Microangelo 轉檔才行




更換滑鼠指標語法教學


語法↓


body{cursor:url(http://sheng.phy.nknu.edu.tw/a001.ani)}
a:hover {cursor:url(
http://sheng.phy.nknu.edu.tw/a002.ani)}

body{cursor:url(http://sheng.phy.nknu.edu.tw/a001.ani)} ------沒連結時的滑鼠指標圖
a:hover {cursor:url(
http://sheng.phy.nknu.edu.tw/a002.ani)}---連結時的滑鼠指標圖


要變更css語法 強烈建議 先全選複製 備份下來


請點選 管理部落格 → 選 面板設定


→選 自訂樣式 會出現css語法


→將 滑鼠語法 貼再最下面一行 即可




滑鼠指標素材網


此版美麗的主板小姐友幫製作滑鼠指標


http://www.wretch.cc/blog/ashine0118&article_id=6571377


阿盛素材


http://sheng.phy.nknu.edu.tw/wjs-13ani.htm


教學:http://sheng.phy.nknu.edu.tw /a 編號.ani 就可以


範例:http://sheng.phy.nknu.edu.tw/a001.ani



http://home.kimo.com.tw/a815182/ani/1_index.htm


http://home.kimo.com.tw/a815182/ani/2_index.htm


教學:http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani


範例:http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000621.ani




動物
貓咪 http://ashine0118.myweb.hinet.net/neko.ani

貓咪2 http://ashine0118.myweb.hinet.net/neko2.ani

黑貓 http://ashine0118.myweb.hinet.net/kuroineko.ani

貓咪3(白) http://ashine0118.myweb.hinet.net/cat1.ani

貓咪3(花) http://ashine0118.myweb.hinet.net/cat2.ani

貓咪3(虎) http://ashine0118.myweb.hinet.net/cat3.ani

貓咪3(黑) http://ashine0118.myweb.hinet.net/cat4.ani

狗狗(雪那瑞) http://ashine0118.myweb.hinet.net/dog.ani

狗狗(約克夏) http://ashine0118.myweb.hinet.net/dog2.ani

狗狗(哈士奇) http://ashine0118.myweb.hinet.net/dog3.ani

狗狗(花) http://ashine0118.myweb.hinet.net/dog4.ani

狗狗(白) http://ashine0118.myweb.hinet.net/dog5.ani

小雞 http://ashine0118.myweb.hinet.net/chicken.ani

兔子 http://ashine0118.myweb.hinet.net/lapin.ani

黑貓奔跑 http://ashine0118.myweb.hinet.net/catrun2.ani

蛋孵化 http://ashine0118.myweb.hinet.net/umare.ani

http://ashine0118.myweb.hinet.net/mew.ani

小雞2 http://ashine0118.myweb.hinet.net/cutelychicken.ani

小熊 http://ashine0118.myweb.hinet.net/bear.ani

兔子(粉) http://ashine0118.myweb.hinet.net/lapin2.ani


人物
女生 http://ashine0118.myweb.hinet.net/face.ani

龐克風(粉紅) http://ashine0118.myweb.hinet.net/punk.ani

龐克風(紫色) http://ashine0118.myweb.hinet.net/punk2.ani

小惡魔 http://ashine0118.myweb.hinet.net/akuma.ani

小天使(粉) http://ashine0118.myweb.hinet.net/angel.ani

小天使(藍) http://ashine0118.myweb.hinet.net/angel2.ani

小女巫 http://ashine0118.myweb.hinet.net/witch.ani

小黑人 http://ashine0118.myweb.hinet.net/kuroihito.ani

貓娘(粉) http://ashine0118.myweb.hinet.net/nekomusume.ani

貓娘(藍) http://ashine0118.myweb.hinet.net/nekomusume4.ani

貓娘2(粉) http://ashine0118.myweb.hinet.net/nekomusume2.ani

貓娘2(藍) http://ashine0118.myweb.hinet.net/nekomusume3.ani


法杖
法杖1 http://ashine0118.myweb.hinet.net/bar3.ani

法杖2 http://ashine0118.myweb.hinet.net/bar4.ani

法杖3(藍色) http://ashine0118.myweb.hinet.net/bar5.ani

法杖3(粉色) http://ashine0118.myweb.hinet.net/bar6.ani

法杖3(紫色) http://ashine0118.myweb.hinet.net/bar7.ani

法杖3(灰色) http://ashine0118.myweb.hinet.net/bar8.ani

法杖3(黑色) http://ashine0118.myweb.hinet.net/bar9.ani

粉紅棒 http://ashine0118.myweb.hinet.net/bar.ani

紫色棒 http://ashine0118.myweb.hinet.net/bar2.ani

法杖4(藍) http://ashine0118.myweb.hinet.net/barII.ani

法杖4(粉) http://ashine0118.myweb.hinet.net/barII2.ani

法杖4(紫) http://ashine0118.myweb.hinet.net/barII3.ani

法杖5(紫) http://ashine0118.myweb.hinet.net/barIII.ani

法杖5(藍) http://ashine0118.myweb.hinet.net/barIII2.ani

法杖5(粉) http://ashine0118.myweb.hinet.net/barIII3.ani

法杖6(藍) http://ashine0118.myweb.hinet.net/barIIII.ani

法杖6(粉) http://ashine0118.myweb.hinet.net/barIIII2.ani

法杖6(紫) http://ashine0118.myweb.hinet.net/barIIII3.ani

法杖6(黑) http://ashine0118.myweb.hinet.net/barIIII4.ani


卡通
TORO貓 http://ashine0118.myweb.hinet.net/toroneko.ani

Hello Kitty http://ashine0118.myweb.hinet.net/hellokitty.ani

Snoopy http://ashine0118.myweb.hinet.net/snoopy.ani


其他
下雨天 http://ashine0118.myweb.hinet.net/rain.ani

雪人 http://ashine0118.myweb.hinet.net/snowman.ani

寫字 http://ashine0118.myweb.hinet.net/write.ani

哭臉 http://ashine0118.myweb.hinet.net/cry.ani

笑臉 http://ashine0118.myweb.hinet.net/smile.ani

愛心 http://ashine0118.myweb.hinet.net/love.ani

閃亮愛心 http://ashine0118.myweb.hinet.net/love2.ani

足跡*黑*(適用於白色背景) http://ashine0118.myweb.hinet.net/footsteps.ani

足跡*白*(適用於黑色背景) http://ashine0118.myweb.hinet.net/footsteps3.ani

幸運草 http://ashine0118.myweb.hinet.net/fourleavedclover.ani

http://ashine0118.myweb.hinet.net/shine.ani

閃閃藍 http://ashine0118.myweb.hinet.net/blueshine.ani

閃閃藍2 http://ashine0118.myweb.hinet.net/blueshine2.ani

藍色球 http://ashine0118.myweb.hinet.net/blueball.ani

蝴蝶 http://ashine0118.myweb.hinet.net/butterfly.ani

Hi http://ashine0118.myweb.hinet.net/hi.ani

花(適用於深色背景,但不適合黑色) http://ashine0118.myweb.hinet.net/flower.ani

花2(適用於深色背景) http://ashine0118.myweb.hinet.net/flower2.ani

yahoo上線笑臉 http://ashine0118.myweb.hinet.net/yahoo.ani

鈴鐺(紫) http://ashine0118.myweb.hinet.net/smallbell.ani

鈴鐺(藍) http://ashine0118.myweb.hinet.net/smallbell2.ani

鈴鐺(粉) http://ashine0118.myweb.hinet.net/smallbell3.ani

翅膀(粉) http://ashine0118.myweb.hinet.net/wing.ani

翅膀(藍) http://ashine0118.myweb.hinet.net/wing2.ani

翅膀(灰) http://ashine0118.myweb.hinet.net/wing3.ani

翅膀(紫) http://ashine0118.myweb.hinet.net/wing4.ani

翅膀(黑) http://ashine0118.myweb.hinet.net/wing5.ani

弓箭(黑) http://ashine0118.myweb.hinet.net/bowandarrow1.ani

弓箭(藍) http://ashine0118.myweb.hinet.net/bowandarrow2.ani

弓箭(粉) http://ashine0118.myweb.hinet.net/bowandarrow3.ani

弓箭(紫) http://ashine0118.myweb.hinet.net/bowandarrow4.ani

茶杯(白) http://ashine0118.myweb.hinet.net/kaapu.ani

茶杯(粉) http://ashine0118.myweb.hinet.net/kaapu2.ani

茶杯(藍) http://ashine0118.myweb.hinet.net/kaapu3.ani

游標 http://ashine0118.myweb.hinet.net/run.ani

愛心+翅膀+閃閃(藍) http://ashine0118.myweb.hinet.net/loveshine.ani

愛心+翅膀+閃閃(粉) http://ashine0118.myweb.hinet.net/loveshine1.ani

針筒(黑) http://ashine0118.myweb.hinet.net/injection.ani

針筒(藍) http://ashine0118.myweb.hinet.net/injection1.ani

針筒(粉) http://ashine0118.myweb.hinet.net/injection2.ani

針筒(紫) http://ashine0118.myweb.hinet.net/injection3.ani

針筒(灰) http://ashine0118.myweb.hinet.net/injection4.ani

愛心(紫) http://ashine0118.myweb.hinet.net/loveshine2.ani

愛心(藍) http://ashine0118.myweb.hinet.net/loveshine3.ani

愛心(粉) http://ashine0118.myweb.hinet.net/loveshine4.ani

愛心(黑) http://ashine0118.myweb.hinet.net/loveshine5.ani


訂做
ENTER(黑) http://ashine0118.myweb.hinet.net/enter.ani

ENTER(白) http://ashine0118.myweb.hinet.net/enter2.ani

ENTER(紅) http://ashine0118.myweb.hinet.net/enter3.ani

書 http://ashine0118.myweb.hinet.net/book.ani

皇冠 http://ashine0118.myweb.hinet.net/hair.ani

音符 http://ashine0118.myweb.hinet.net/music.ani

大寶 http://ashine0118.myweb.hinet.net/tabo.ani

小熊維尼 http://ashine0118.myweb.hinet.net/winnie.ani

ドラえもん(哆啦A夢) http://ashine0118.myweb.hinet.net/doraemon.ani

愛心+翅膀+閃閃(橘) http://ashine0118.myweb.hinet.net/loveshine6.ani

愛心+翅膀+閃閃(綠) http://ashine0118.myweb.hinet.net/loveshine7.ani

大寶2 http://ashine0118.myweb.hinet.net/tabo1.ani

酷企鵝 http://ashine0118.myweb.hinet.net/cool.ani

Mickey http://ashine0118.myweb.hinet.net/mickey.ani

Mickey(手指) http://ashine0118.myweb.hinet.net/mickey1.ani

神秘黑色(字) http://ashine0118.myweb.hinet.net/sinbi.ani

宮 野蠻王妃-黑(字) http://ashine0118.myweb.hinet.net/man.ani

宮 野蠻王妃-紅(字) http://ashine0118.myweb.hinet.net/man1.ani

宮 野蠻王妃-粉(字) http://ashine0118.myweb.hinet.net/man2.ani

宮 野蠻王妃-藍(字) http://ashine0118.myweb.hinet.net/man3.ani

궁-黑(字) http://ashine0118.myweb.hinet.net/kango.ani

궁-粉(字) http://ashine0118.myweb.hinet.net/kango1.ani

궁-紫(字) http://ashine0118.myweb.hinet.net/kango2.ani

궁-藍(字) http://ashine0118.myweb.hinet.net/kango3.ani

궁-橘(字) http://ashine0118.myweb.hinet.net/kango4.ani

籃球 http://ashine0118.myweb.hinet.net/basketball.ani

修二と彰(字) http://ashine0118.myweb.hinet.net/mei.ani

修二と彰II(字) http://ashine0118.myweb.hinet.net/mei1.ani

棒球 http://ashine0118.myweb.hinet.net/baseball.ani

R嬤-黑(字) http://ashine0118.myweb.hinet.net/rma.ani

R嬤-灰(字) http://ashine0118.myweb.hinet.net/rma1.ani

R嬤-紅(字) http://ashine0118.myweb.hinet.net/rma2.ani


自己做游標




首先請先下載製作軟體:Microangelo

裡面包含主程式和中文化程式。請先安裝主程式後再進行中文化!

安裝完後打開軟體,會跑出兩三個小視窗,其中是主視窗、工具列、顏色列表等。

再來你就可以在主視窗內利用工具列和顏色列表來創作你自己的游標簍!

1*請注意感應點的設置!在檔案列的最後有個黑色箭頭指著一個綠色點,


按下之後就可以在主視窗點入你想讓游標感應的點。

2*還可以使用動畫的喔!主視窗右側的上方有個叉叉,


叉叉左邊的按鈕可以增加影格數目。則那個叉叉可以刪除影格!

3*顏色列表的右側有個【綠色圖形很像電腦螢幕】,


這個顏色是【透明色】。游標的四周圍最好都用透明的喔!

5*儲存(最好用另存新檔),檔案名稱為.ani





到開始程式集中找出安裝好的Microangelo,你會看到下圖



Animator →製作動畫游標軟體
Explorer →尋找和瀏覽各種圖示的工具
Librarian →觀看、管理及編輯各種圖示資料庫
On Display →編輯設定圖示的顯示方式
Studio →圖示製作工具


圖示資料庫
On Display →編輯設定圖示的顯示方式
Studio →圖示製作工具


↑ 範例,先來認識軟體工具如下圖↓

1.左右鍵繪圖色彩

2.右方圖示等是繪圖用具


3.設定滑鼠感應點


4.增加刪除動畫影格


5.動畫預覽區



x的下方有兩個小電腦圖示綠色的是透明色


1.在第一個影格開始畫圖,畫好後再增加第二影格開始修改圖片,


讓他跟第一影格的圖片不同而產生動畫,再增加第三影格....以此類推


2.製作好或在製作中都可以按(2)的動畫預覽"每一個影格的變化不要過大,


不然動畫會顯得不自然"


3.做好之後開始設定每個影格的滑鼠感應點,按(3)的鈕 ,


將滑鼠移到圖片箭頭的頂點按一下。


4.然後就可以存檔了。




→打開存檔的資料夾看到游標檔案圖示,附檔名為.ani
再來就可以到「電腦控制台」→ 「滑鼠」更換電腦游標。

教學參考:http://www.hsiu28.net/cursor/cur_teach.php


您是第位訪客

沒有留言:

張貼留言