October 4, 2009

滑鼠游標

如何製作無名的滑鼠游標?

 

回想起教學生製作部落格,
小朋友最喜歡、最想學的,
大概就是滑鼠游標的製作了,
為什麼呢?因為、炫、酷好看呀!
所以清風製作部落格教學系列,
第一個就想到滑鼠游標。
就請大家仔細看好吧!

 
1、  先登入無名小站
這個不用多說,先登入就對了。

 
2、  進入樣式管理
 


3、到修改CSS樣式表去
 

4、把捲軸拉到最底下
CSS樣式表裏面有很多看不懂的英文和數字,先不要理它,把捲軸
拉到最底下的空白處即可


 
5、 貼上滑鼠游標的語法
上一個步驟我們來到最底下的空白處,這時候貼上這段語法:
 
body{cursor:url("游標網址1")}
a:hover {cursor:url("游標檔網址2")}
 
body{cursor:url("游標網址1")}代表移到網頁時的滑鼠游標
a:hover {cursor:url("游標檔網址2")}代表移到超連結時的滑鼠游標


 
6、  尋找滑鼠游標
貼好語法後,我們就要去找漂亮的滑鼠游標供我們使用了
通常網路上有很多熱心的網友會製作滑鼠游標並且分享給大家
清風整理了一些漂亮的游標供大家使用(附表一)
當然你也可以上網去找其他的甚至可以自己做
有空清風再教大家怎麼自己製作滑鼠游標
 
(先拿小熊和小雞的游標等等當作範例)
小熊 http://ashine0118.myweb.hinet.net/bear.ani
小雞 http://ashine0118.myweb.hinet.net/cutelychicken.ani


 
7、  貼上滑鼠遊標
還記得我們剛才貼上的滑鼠游標語法?
body{cursor:url("游標網址1")}
a:hover {cursor:url("游標檔網址2")}
 
其實很簡單,我們只要把小熊和小雞的游標網路位址複製起來
然後貼到游標網址1和游標檔網址2就可以了。貼的時候小心
不要覆蓋到標點符號,不然可是會失敗的唷
還不懂?沒關係,清風示範給你看:
body{cursor:url("游標網址1")}代表開啟網頁時出現的滑鼠游標
 
小熊 http://ashine0118.myweb.hinet.net/bear.ani,小熊游標的網路位址
 
把小熊游標的網路位址複製起來,貼到游標網址1上,就變成
body{cursor:url("http://ashine0118.myweb.hinet.net/bear.ani")}
 
這樣就完成囉,簡單吧!但是記得離開前還是要儲存檔案
不然剛剛辛苦做那麼多都白費了
 
a:hover {cursor:url("游標檔網址2")}代表移到超連結時的滑鼠游標
一樣,你找到好看的滑鼠游標網址複製起來,貼到游標檔網址2就可以了
 
以上就是更改滑鼠游標圖示的方法,簡單吧?
 ---------------------------------------------------------------------------------------------



優學網滑鼠游標 

優學網是小朋友喜歡用的部落格
它的游標更改方法是到--管理我的BLOG \BLOG基本設定\自定欄位
新增加一個欄位,在把游標語法貼上去即可
不過它的語法比較特別,跟別的部落格不一樣,我把它貼在下面

<style></style>
<style></style>

其他的作法都跟上面的教學差不多
照著做就可以了



 
 -----------------------------------------------------------------------------------------------
(附表一)超炫滑鼠游標大公開
 
狗狗(雪那瑞) 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/chicken.ani

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

蝴蝶 http://ashine0118.myweb.hinet.net/butterfly.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/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://ruby-pink.myweb.hinet.net/ppp/38.ani
小草莓 http://ruby-pink.myweb.hinet.net/ppp/669.ani
小貓3 http://ruby-pink.myweb.hinet.net/ppp/cat3.ani
小熊熊 http://ruby-pink.myweb.hinet.net/ppp/bear3.ani
LoVe字(黑) http://ashine0118.myweb.hinet.net/love3.ani

LoVe字(紫) http://ashine0118.myweb.hinet.net/love4.ani

LoVe字(粉) http://ashine0118.myweb.hinet.net/love5.ani

LoVe字(藍) http://ashine0118.myweb.hinet.net/love6.ani
狗狗(花) http://ashine0118.myweb.hinet.net/dog4.ani

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

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

茶杯(粉) http://ashine0118.myweb.hinet.net/kaapu2.ani
茶杯(藍) http://ashine0118.myweb.hinet.net/kaapu3.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

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

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

愛心+翅膀+閃閃(藍) http://ashine0118.myweb.hinet.net/loveshine.ani
游標+閃閃III(粉) http://ashine0118.myweb.hinet.net/mus2.ani

山下智久圖+山字 http://ashine0118.myweb.hinet.net/yama.ani

兔子(乳牛樣) http://ashine0118.myweb.hinet.net/lapin4.ani

兔子(乳牛樣) http://ashine0118.myweb.hinet.net/lapin5.ani
大耳狗 http://ashine0118.myweb.hinet.net/cinnamoroll.ani

布丁狗 http://ashine0118.myweb.hinet.net/puri.ani

游標+閃閃(粉) http://ashine0118.myweb.hinet.net/mus.ani

游標+閃閃II(粉) http://ashine0118.myweb.hinet.net/mus1.ani
小熊(粉) http://ashine0118.myweb.hinet.net/bear2.ani

小熊(藍) http://ashine0118.myweb.hinet.net/bear4.ani

跳舞小熊(粉) http://ashine0118.myweb.hinet.net/bear3.ani

翅膀小熊(粉) http://ashine0118.myweb.hinet.net/bear5.ani
Mickey http://ashine0118.myweb.hinet.net/mickey.ani

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

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

棒球 http://ashine0118.myweb.hinet.net/baseball.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
小熊維尼 http://ashine0118.myweb.hinet.net/winnie.ani

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

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

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

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

音符 http://ashine0118.myweb.hinet.net/music.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
針筒(藍) 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/loveshine1.ani

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

針筒(黑) http://ashine0118.myweb.hinet.net/injection.ani
七彩愛心:http://www.geocities.jp/blue736232007/foryou_ani/n01.ani

TOLO貓:http://www.geocities.jp/blue736232007/foryou_ani/n02.ani

騎著掃把的巫婆:http://www.geocities.jp/blue736232007/foryou_ani/n03.ani

小畫家畫的熊:http://www.geocities.jp/blue736232007/foryou_ani/n04.ani
一顆頭害羞的TOLO貓:http://hk.geocities.com/blue73623/n05.ani

害羞的裸體小妞(自己亂畫的):http://hk.geocities.com/blue73623/n08.ani

藤蔓:http://hk.geocities.com/blue73623/s1.cur

兩隻小貓咪:http://hk.geocities.com/blue73623/s5.cur
雙色玫瑰花:http://hk.geocities.com/blue73623/037.ani

好吃棒棒糖:http://hk.geocities.com/blue73623/038.ani

變色愛心:http://hk.geocities.com/blue73623/039.ani

七彩箭頭:http://hk.geocities.com/blue73623/040.ani
七彩玫瑰:http://hk.geocities.com/blue73623/041.ani

血滴的問號和箭頭:http://hk.geocities.com/blue73623/042.ani

鑽石鑽石亮晶晶:http://hk.geocities.com/blue73623/044.ani

天外飛來一枝筆:http://hk.geocities.com/blue73623/045.ani
紫髮少女:http://hk.geocities.com/blue73623/l.ani

兔兔卡哇伊:http://hk.geocities.com/blue73623/lbu1.ani

仙女?嫦娥?:http://hk.geocities.com/blue73623/lbu2.ani

自以為帥的少年:http://hk.geocities.com/blue73623/lbu3.ani
藍色頭髮少女:http://hk.geocities.com/blue73623/f.ani

可愛貝比:http://hk.geocities.com/blue73623/g.ani

粉紅頭髮少女:http://hk.geocities.com/blue73623/hehe.ani

藍髮少年:http://hk.geocities.com/blue73623/jaiyou.ani
咖非色的狗:http://hk.geocities.com/blue73623/dog_1.ani

微笑球:http://hk.geocities.com/blue73623/emoticon_01.ani

笑開懷的球:http://hk.geocities.com/blue73623/emoticon_02.ani

眼睛閃閃的球:http://hk.geocities.com/blue73623/emoticon_03.ani
紅螃蟹:http://hk.geocities.com/blue73623/crab_01.ani

吐泡泡的紅螃蟹:http://hk.geocities.com/blue73623/crab_02.ani

兔子:http://hk.geocities.com/blue73623/cur1.ani

小女孩:http://hk.geocities.com/blue73623/d2.ani
粉紅蝴蝶婕:http://hk.geocities.com/blue73623/104.ani

全開玫瑰:http://hk.geocities.com/blue73623/105.ani

半開玫瑰:http://hk.geocities.com/blue73623/106.ani

髮少女:http://hk.geocities.com/blue73623/cg3.cur
粉紅GO:http://hk.geocities.com/blue73623/100.ani

粉紅蝴蝶:http://hk.geocities.com/blue73623/101.aii

香水瓶:http://hk.geocities.com/blue73623/102.ani

不知是啥:http://hk.geocities.com/blue73623/103.ani
一堆字:http://hk.geocities.com/blue73623/mym.ani

HI女孩:http://hk.geocities.com/blue73623/ou_gallgall.ani

藍色海星:http://hk.geocities.com/blue73623/star_04.ani

消失的藍色海星:http://hk.geocities.com/blue73623/v1.ani

發光圓形五物體:http://hk.geocities.com/blue73623/047.ani

愛心愛心:http://hk.geocities.com/blue73623/049.ani

對你眨眼睛:http://hk.geocities.com/blue73623/050.ani

還是愛心:http://hk.geocities.com/blue73623/lbu67.ani

0推薦此文章
Today's Visitors: 0 Total Visitors: 72
Personal Category: 教學 Topic: life / interests / DIY
Previous in This Category: 製作假人氣   Next in This Category: 音樂
歷史上的今天:

誰來收藏
Loading ...
unlog_NVPO 0