日誌2007-09-02 15:17

【 可愛游標教學‧素材 】

教你怎麼讓游標變的更可愛，照著下面的步驟做，輕鬆的就可以完成了。


《 語 法 教 學 》

將下面黃色字複製起來，放到css最上方 (整體頁面設定) 的下一行

/*游標*/
BODY {cursor:url(插入游標網址)};
a{cursor:url(插入游標網址)};

BODY：是修改一般狀態時的游標
a：這是修改滑鼠經過連結時的游標

照著上面的步驟完成後，先預覽頁面，確定游標已變更，就可以有可愛的游標囉!
※請注意：游標的檔案一定要是ani、ico或cur，不支援gif、bmp、以及jpg檔


《 上 傳 教 學 》

上傳游標的空間，一定要是有支援游標檔的，目前最多人用的就是香港雅虎

香港雅虎／上傳游標空間

１．進去之後請先開通你的帳號，帳號、密碼跟台灣奇摩一樣
２．登入後，在「製作網頁」的下方點「檔案總管」進入
３．接著→「開啟檔案總管」進入上傳頁面
４．在「無痛上載功能」的下方點選「上載至」，上傳你要的游標，成功上傳右邊會有顯示
５．游標網址→檢視，右鍵→內容→網址（複製起來就好了）
※請注意：上傳的游標檔名一定要是英文或數字，不能是中文檔名


《 游 標 素 材 》

找不到游標圖示的來這邊看就對啦!
阿咪收集了一些非常棒的網站，
需要的就請自己點進去找找吧!

貓言貓語／很多可愛的游標‧可預覽

無名／網友提供的素材，請自行存檔

memoyr／超精緻的可愛游標，請自行上傳至支持的空間

草梅拿鐵／網友收藏各式游標／可預覽‧下載

new 2008.03.20

THE FREE PAGE／可預覽下載

《花葬》自制游標/霹靂布袋戲‧超可愛喔0.0

Kitty Li／花系列游標‧精美動態游標

素材酷網／可預覽下載‧共６頁

天使寶貝／自製閃亮亮游標

薑之樂園／可愛娃娃動態游標

日本超可愛卡通游標／有航海王．迪士尼．軍曹．．．

巧克力瑪瑙／滑鼠移過去就可以預覽了

PeNg塗鴉工坊／自製偶像明星超可愛Q版游標

Fairyland／多種系列多款游標

貓貓游標／Hello Kitty．賤兔．小豬．貓貓．小棉羊

ＹＹ私人雜作／24款動態游標

楓之谷純真回憶／楓之谷onlin的自製游標‧可愛到爆

主題酷／900多個可愛低卡通游標

C2M游標小站／直接點選分類進入‧可預覽


《 自 製 游 標 教 學 網 》

無名凱哥／製作CSS滑鼠游標

OECSPACE／游標自製教下‧可下載程式

你的回文是支持我的原動力～～

56

83

LINE 分享

相關創作

[達人專欄] 【Godot Plugin】幫你的遊戲加入對話系統 —— Dialogic 2

第七章 醫療所

[AI tutorial] 劍星 Stellar Blade EVE 製作技巧

留言

• 2007-09-02 15:23陳地瓜：
  0.0
• 2007-09-02 15:29遺忘：
  原來如此難怪一直失敗..

  2007-09-02 15:59藏鏡咪咪：嗯阿!看到很多人都搞不定語法的部份，
  所以我才把正確語法和插入方式po出來，
  希望有幫到你^^

• 2007-09-02 15:31伊比魯斯：
  感謝教學。
• 2007-09-02 15:44放空ing：
  嘿嘿嘿~~~等你的素材等好久(被毆
  
  謝謝咪(親

  2007-09-02 16:00藏鏡咪咪：親~我還會陸續再增加一些素材

• 2007-09-02 15:53威志：
  我發現游標弄好後，在IE上看是正常顯示(連背景圖)
  不過如果用Firefox(火狐)觀看，似乎有超嚴重問題
  就是整個小屋全部都變白色
  
  要如何解決此問題呢???

  2007-09-02 16:02藏鏡咪咪：好像也有人碰過這個問題，
  我知道的要觀看應該是要IE5.5以上的版本才可以喔!

• 2007-09-02 16:44侯：
  阿咪還是這麼棒
  呵呵
• 2007-09-02 17:07小超一世：
  呵~不錯耶~blog達人，
  雖然遲了點，還是推推....
  蠻期望有支援Flash跟影音背景執行的語法，
  我已經寫在CSS了，但現在影音語法還不能被執行....Orz...

  2007-09-02 17:20藏鏡咪咪：巴哈的CSS有些不能使用，我也在摸索測試階段，
  期待可以看到小超人的教學，大家一起交流一下

• 2007-09-02 17:27賣圍兜兜的麥兜：
  不知道要說啥咪...酸...
  驗證密碼:4567...連莊...
  
• 2007-09-02 17:54心豚肥宅：
  棒！
• 2007-09-02 17:54夕山白石：
  謝謝感恩##GP送你
• 2007-09-02 17:55小剛使出喬伊小姐：
  感謝咪咪姐的教學哦^^
  
  很詳細 幫皮可一個大忙
  
  收藏XDDD

  2007-09-02 17:59藏鏡咪咪：你改的皮可丘粉可愛低喔^^

• 2007-09-02 18:21小美老師：
  謝謝咪咪的指導，凱凱弄不出來的時候，
  還特別叫他來看這篇耶~...嘻

  2007-09-02 22:02藏鏡咪咪：凱凱真是好弟弟>Q<

• 2007-09-02 18:44Beatrice：
  咪 ~ >0< 字的顏色看不清楚啦
• 2007-09-02 19:11弘羽：
  姆...這游標跟我用的一樣...

  2007-09-02 19:57藏鏡咪咪：囧...這就叫做心電感應嗎..

• 2007-09-02 19:36陳香妹：
  我還是不曉得CSS要從哪裡改
  等我明白了　我想這篇對我來說會很有用處
  顆顆：Ｄ

  2007-09-02 19:58藏鏡咪咪：從佈置小屋進去，裡面不是有上傳圖檔的地方嗎?!
  往右邊看，那裡就有個CSS可以連結進去修改了

• 2007-09-02 23:23佐倉藍山山：
  感謝提供
• 2007-09-03 12:58小剛使出喬伊小姐：
  你改的皮可丘粉可愛低喔^^<<<
  
  那是皮卡丘XD

  2007-09-06 00:30藏鏡咪咪：哈!一看到你忍不住就變成皮可丘了

• 2007-09-03 14:48米洛：
  不過我是把
  
  /*游標*/
  BODY {cursor:url(網址)};
  a{cursor:url(網址)};
  
  直接插到最上面...
  
  應該不用上下各插一次吧..其實我也不太懂...^^"

  2007-09-03 15:05藏鏡咪咪：因為我用的語法和你不一樣，但發現你的更簡短試用後也可行，
  所以也把語法改過了，謝謝你喔^^
  

• 2007-09-03 20:02莉薇婭莞夢：
  收藏打包XD
• 2007-09-04 00:46卡爾．Ｊ．山德羅：
  感謝分享~
  希望屋主不介意我收精華吧^^?
  GP給予^^

  2007-09-04 09:51藏鏡咪咪：歡迎喔^^

• 2007-09-04 09:39赫斯蒂亞：
  感恩喔,
  趕快收起來嚕^^
• 2007-09-05 08:48七劍下天山：
  呵呵 還好你有看我咪咪 還有浮標網址CC
• 2007-09-05 10:20卡爾．Ｊ．山德羅：
  請問屋主
  我的Yahoo!香港 不知為什麼
  空間有點怪怪的 上傳檔案都看不到檔案 且檔案空間是空白的Orz...
  以前明明不會的
  因此想問問有沒有其他空間可以用呢?? 感謝^^"

  2007-09-05 12:46藏鏡咪咪：不知道你有沒有hinet呢?!
  中華優惠網的空間應該也能上傳游標檔
  有機會我在來收集上傳空間好了

• 2007-09-05 16:21老爹：
  嗯 原來如此 可以包回去嗎 GP發射~~

  2007-09-06 18:37藏鏡咪咪：歡迎打包^^

• 2007-09-05 23:03財盧小：
  亂入~嘿
  謝謝大大
  電腦白癡的我...終於成功了><
• 2007-09-06 00:19紫戀藍：
  
  咪咪，教學很棒呢︿︿
  
  呵呵…　感謝妳的分享、教學！！
  
• 2007-09-06 16:49Forever：
  不過我還是不太會用 例如:
  /*--------------------------整體頁面設定--------------------------*/
  /*游標*/
  BODY {cursor:urlhttp://ashine0118.myweb.hinet};
  a{cursor:urlhttp://ashine0118.myweb.hinet};
  /*----整體文字----*/
  雖然不會 但還是先給你GP ^^

  2007-09-06 17:12藏鏡咪咪：發現你少了()←這了這兩個個刮號喔^^
  位置就在插入圖片的前後，
  還有檔名最後一定要是ani、ico或cur
  

• 2007-09-06 16:51Forever：
  這個我也有用過
  １．進去之後請先開通你的帳號，帳號、密碼跟台灣奇摩一樣
  ２．登入後，在「製作網頁」的下方點「檔案總管」進入
  ３．接著→「開啟檔案總管」進入上傳頁面
  ４．在「無痛上載功能」的下方點選「上載至」，上傳你要的游標，成功上傳右邊會有顯示
  ５．游標網址→檢視，右鍵→內容→網址（複製起來就好了）
  但第5步看不懂在哪裡

  2007-09-06 17:14藏鏡咪咪：就是在檢視你上傳的東西上按滑鼠右鍵，
  之後會出現一個表單，找到【內容】這兩個字，
  點下去之後，又會出現一個表單，
  然後找到【網址】這兩個字，右手邊就是你的游標網址了。

• 2007-09-06 17:35Forever：
  我還是無法耶⊙．⊙(真呆...)
  
  /*--------------------------整體頁面設定--------------------------*/
  /*游標*/
  BODY {cursor:url(http://ashine0118.myweb.ani)};
  a{cursor:url(http://ashine0118.myweb.ani)};
  /*----整體文字----*/
  

  2007-09-06 17:43藏鏡咪咪：剛看你的網址是無法顯示網頁喔!
  建議你到我收集的素材網找喜歡的游標，
  再套用上去就可以了^^

• 2007-09-06 17:44Forever：
  嗯 我剛很突然的用好了
  3Q喔

  2007-09-06 18:02藏鏡咪咪：不客氣，其他教學如果有問題也可以發問喔^^
  我會盡力幫忙低~

• 2007-09-06 23:43太陽上的狐狸：
  感謝大大
• 2007-09-07 00:15太陽上的狐狸：
  感謝大大的分享喔^^~
• 2007-09-07 11:52美聲♀淚小喵：
  謝謝教學^^~ 很棒~
• 2007-09-07 23:30琉璃：
  咪咪的教學 幫助了許多人哦 ^_^
• 2007-09-08 14:24回天楓：
  繼續幫推
  
  又學到新的東西嚕~
  
• 2007-09-08 15:29☜♀★初戀★♂☞：
  １．進去之後請先開通你的帳號，帳號、密碼跟台灣奇摩一樣
  ２．登入後，在「製作網頁」的下方點「檔案總管」進入
  ３．接著→「開啟檔案總管」進入上傳頁面
  ４．在「無痛上載功能」的下方點選「上載至」，上傳你要的游標，成功上傳右邊會有顯示
  ５．游標網址→檢視，右鍵→內容→網址（複製起來就好了）
  
  第2項找不到阿@"@?哪有製作網頁(找到快瘋了=0=!!)

  2007-09-08 15:51藏鏡咪咪：請問你已經登入帳號、密碼了嗎?!
  登入之後就會轉進一個頁面，
  請仔細看上方有個黑字紫底的地方，
  那裡就有制作網頁四個大字，
  你再往下看就有【檔案總管】了。

• 2007-09-08 18:18拉提沃☕：
  好棒０.０
  繼續抓回家～
• 2007-09-11 21:18*摘星子*：
  感謝教學^^
  打包帶回家囉~
• 2007-09-12 09:48Forever：
  咪 這個memoyr／超精緻的可愛游標，請自行上傳至支持的空間 已經失效嚕

  2007-09-12 10:00藏鏡咪咪：阿...謝謝你的提醒~這幾天我會注意一下低...再不行就刪囉!

• 2007-09-13 22:17兔兔：
  登入後，在「製作網頁」的下方點「檔案總管」進入 <----Q_Q找不到說...我已經登入了帳密

  2007-09-13 23:26藏鏡咪咪：囧...奇怪~為什麼我都會找的到...你已經是第2個跟我說找不到的人耶!
  有空我貼個圖片給你們看好了，看有沒有長的一樣QQ

• 2007-09-13 23:32兔兔：
  @口@"恩!還好有人跟我一樣嬤 汗 謝謝你ˇˇ我可真是一竅不通呢~即使看過好幾篇教學文也還是弄不很懂 而且今天改了進版圖.小屋主圖.右邊的綠點點...可是後來設定又跑掉了!整個快抓狂ˇˇ"不知道怎嚜回事(淚)(弄到整個都想放棄了...感覺好像浪費了這幾天的時間 嗚)
  我先加您好友唷~方便日後來拜訪您的教學 謝謝您! 我推！ ( ′▽`)-oGP　　　
• 2007-09-13 23:40兔兔：
  囧"怎忘了案...(茶)我真是的...重推! 我推！ ( ′▽`)-oGP　　　
• 2007-09-18 15:13ExclaiminG：
  佩服佩服
• 2007-09-21 15:02美香：
  不好意思 最近才看到這篇
  可以請問一下 我一樣用上面的貼法
  /*游標*/
  BODY {cursor:url(http://ashine0118.myweb.hinet.net/cross03.ani)};
  a{cursor:url(http://ashine0118.myweb.hinet.net/enter2.ani)};
  
  用預覽頁面看的到,但是一但確定送出後還是不會顯示
  而且CSS會自動變成
  BODY {cursor:};
  a{cursor:url};
  
  請問要如何解決呢 感謝

  2007-09-24 23:41藏鏡咪咪：語法上沒有問題~但網址無法顯示的話也會造成這樣的結果喔!

• 2007-09-21 21:02秋穗澪：
  謝謝幫忙^^
• 2007-09-26 12:58小綿羊：
  咪咪大~
  有沒有哪個網站還可以提供上傳滑鼠圖標的功能呢?
  用香港雅虎預覽可以確定後又變回來了 >_<
  
• 2007-09-28 11:14小綿羊：
  可以使用了~
  原來是語法上有錯誤
  打擾了...
• 2007-10-09 18:14セシル：
  這篇文我收囉!XD
• 2007-10-09 20:10小桔：
  SWEET
• 2007-10-16 18:39- 森羅萬象之主 -：
  ^^
• 2007-10-19 23:13紫苑：
  謝謝分享
• 2007-10-26 14:23微酸≠ⓛ ⓞ ⓥ ⓔ：
  謝謝咪大的分享唷^^
  不過我想請問一下..為什麼我修改過後在預覽觀看是修改成功的
  但是只要一按下確定送出,在顯示上就又會變成原本未修改前的樣式
  後來到自訂模式找,發現語法的部份不一樣了
  是因為我儲存的問題出錯嗎?!還是有哪裡出錯了!?
• 2007-10-26 14:28微酸≠ⓛ ⓞ ⓥ ⓔ：
  不好意思>__<
  我找到問題點了= ="原來是因為巴哈系統反應不夠快的問題吧(誤
  所以才會造成顯示方面比較慢
  總而言之~~打擾了>_<
• 2007-10-29 16:49ㄚ慶：
  感謝指導
• 2007-11-03 20:20幻~☆：
  感謝你的教學~
• 2007-11-09 10:08*~亞亞~*：
  好文章XD收藏起來了!!奉上GP~感謝你的熱心教學!!
• 2007-12-31 02:04舞小雪：
  請問大大
  我的語法是
  body{cursor:url(http://sheng.phy.nknu.edu.tw/a171.ani)}
  a:{cursor:url(http://sheng.phy.nknu.edu.tw/a172.ani)}
  可是沒辦法顯示出來
  請問哪裡弄錯呢@@?
• 2008-01-04 20:43查爾斯-蘇菲：
  因為大大的教學...讓我順利完成
  我可以漂漂亮亮了~~~
• 2008-01-11 00:46梅子炸彈：
  你的教學好棒!!!
  趕緊來用看看^V^
• 2008-01-13 18:29點的是煙‧抽的是寂寞：
  推推推2
• 2008-01-25 11:53Mi寶：
  成功了呢！好開心喔！
  謝謝你捏！
• 2008-01-28 20:44小不忍：
  哇!
  大大的背景嚇到我了XP
• 2008-02-01 20:13熊好萌：
  哇...這真是太神了
  感恩阿~~
• 2008-02-01 20:14熊好萌：
  這個好厲害~
  謝謝囉~
• 2008-02-12 23:39まどか御守：
  抱歉~學習中(推推
• 2008-03-12 14:55浮萍：
  謝謝分享
  我收藏摟^^
• 2008-03-30 11:46ホロ控：
  關於游標的網址
  
  一直會卡在gif、bmp、以及jpg檔
  
  無法改成ani、ico或cur
  
  該怎麼用呢?
  
  這個我實在不清楚~"~

  2008-04-08 08:32藏鏡咪咪：因為游標不會支援gif、bmp、以及jpg檔
  所以請你看一下上傳空間的教學唷^^

• 2008-04-09 20:43Never：
  謝謝^^
  
  不過小拿鐵 ■D〞
  
  超怕飄飄＞^＜
  
  拜託別嚇我
• 2008-04-15 00:50大和瑰娃：
  先推再說~
• 2008-04-23 01:18玖月：
  感謝你的分享喔^^
• 2008-05-01 23:49醉蝶：
  ○(^ˇ^)○ 超好用的文章
  收走囉 感謝大大的分享
• 2008-05-03 17:12letmedo：
  謝謝分享~~~~
• 2008-05-03 19:22艾彌兒：
  很棒的分享>0<~收藏了!
  給版大推推推一個XD
• 2008-05-16 23:03：
  粉棒的分享.......卸卸壓
• 2008-06-01 17:43清香白蓮：
  咪咪 ^_^
  
  我用你說的香港雅虎上傳ico的圖片
  
  但是最後面都沒有.ani
  
  然後一直失敗 不知道該怎麼辦 = =!!!
  
  還有沒有地方可以上傳
• 2008-06-27 08:41化外良民：
  感謝分享，請笑納！
• 2008-07-05 15:56：
  謝謝你的分享 多謝啦~
• 2008-07-12 11:06☆混沌曉星★：
  好多
  感謝
  受教啦
• 2008-08-08 15:13★°凝兒﹑：
  謝謝大大的提供
  
  很棒噢˙ˇ˙
• 2008-08-22 12:03澪：
  CSS格式錯誤，請修正(2)
  按確定就跑出來這個@@
  
  可以幫我看看嗎？
  
  /*游標*/
  BODY {cursor:url(http://hk.geocities.com/juanliany06/materialland_286.ico)};
  a{cursor:url(http://hk.geocities.com/juanliany06/materialland_289.ico)};
  
  謝謝
• 2008-10-01 14:27空：
  推推推！
• 2008-11-18 14:42微笑：
  謝謝分享歐~
• 2009-09-05 12:44Mɢ「咚咚島真好玩」：
  抱歉我問一下
  圖片是PNG檔有支援嗎？

• 送出