創作內容

56 GP

【 可愛游標教學‧素材 】

作者:藏鏡咪咪│2007-09-02 15:17:28│巴幣:0│人氣:24486
教你怎麼讓游標變的更可愛,照著下面的步驟做,輕鬆的就可以完成了。


《 語 法 教 學 》

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

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


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

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


《 上 傳 教 學 》

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

香港雅虎/上傳游標空間

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


《 游 標 素 材 》

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

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

無名/網友提供的素材,請自行存檔

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

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

new 2008.03.20

THE FREE PAGE/可預覽下載

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

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

素材酷網/可預覽下載‧共6頁

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

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

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

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

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

Fairyland/多種系列多款游標

貓貓游標/Hello Kitty.賤兔.小豬.貓貓.小棉羊

YY私人雜作/24款動態游標

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

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

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


《 自 製 游 標 教 學 網 》

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

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





你的回文是支持我的原動力~~
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=302853
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|css|語法|教學|素材|

留言共 83 篇留言

陳地瓜
0.0

09-02 15:23

遺忘
原來如此難怪一直失敗..

09-02 15:29

藏鏡咪咪
嗯阿!看到很多人都搞不定語法的部份,
所以我才把正確語法和插入方式po出來,
希望有幫到你^^09-02 15:59
伊比魯斯
感謝教學。

09-02 15:31

放空ing
嘿嘿嘿~~~等你的素材等好久(被毆

謝謝咪(親

09-02 15:44

藏鏡咪咪
親~我還會陸續再增加一些素材09-02 16:00
威志
我發現游標弄好後,在IE上看是正常顯示(連背景圖)
不過如果用Firefox(火狐)觀看,似乎有超嚴重問題
就是整個小屋全部都變白色

要如何解決此問題呢???

09-02 15:53

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

阿咪還是這麼棒
呵呵

09-02 16:44

小超仁波切
呵~不錯耶~blog達人,
雖然遲了點,還是推推....
蠻期望有支援Flash跟影音背景執行的語法,
我已經寫在CSS了,但現在影音語法還不能被執行....Orz...

09-02 17:07

藏鏡咪咪
巴哈的CSS有些不能使用,我也在摸索測試階段,
期待可以看到小超人的教學,大家一起交流一下09-02 17:20
賣圍兜兜的麥兜
不知道要說啥咪...酸...
驗證密碼:4567...連莊...

09-02 17:27

心豚肥宅
棒!

09-02 17:54

夕山白石
謝謝感恩##GP送你

09-02 17:54

小剛使出喬伊小姐
感謝咪咪姐的教學哦^^

很詳細 幫皮可一個大忙

收藏XDDD

09-02 17:55

藏鏡咪咪
你改的皮可丘粉可愛低喔^^09-02 17:59
小美老師
謝謝咪咪的指導,凱凱弄不出來的時候,
還特別叫他來看這篇耶~...嘻

09-02 18:21

藏鏡咪咪
凱凱真是好弟弟>Q<09-02 22:02
Beatrice
咪 ~ >0< 字的顏色看不清楚啦

09-02 18:44

弘羽
姆...這游標跟我用的一樣...

09-02 19:11

藏鏡咪咪
囧...這就叫做心電感應嗎..09-02 19:57
陳香妹
我還是不曉得CSS要從哪裡改
等我明白了 我想這篇對我來說會很有用處
顆顆:D

09-02 19:36

藏鏡咪咪
從佈置小屋進去,裡面不是有上傳圖檔的地方嗎?!
往右邊看,那裡就有個CSS可以連結進去修改了09-02 19:58
佐倉藍山山
感謝提供

09-02 23:23

小剛使出喬伊小姐
你改的皮可丘粉可愛低喔^^<<<

那是皮卡丘XD

09-03 12:58

藏鏡咪咪
哈!一看到你忍不住就變成皮可丘了09-06 00:30
米洛
不過我是把

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

直接插到最上面...

應該不用上下各插一次吧..其實我也不太懂...^^"

09-03 14:48

藏鏡咪咪
因為我用的語法和你不一樣,但發現你的更簡短試用後也可行,
所以也把語法改過了,謝謝你喔^^
09-03 15:05
莉薇婭莞夢
收藏打包XD

09-03 20:02

卡爾.J.山德羅
感謝分享~
希望屋主不介意我收精華吧^^?
GP給予^^

09-04 00:46

藏鏡咪咪
歡迎喔^^09-04 09:51
赫斯蒂亞
感恩喔,
趕快收起來嚕^^

09-04 09:39

七劍下天山
呵呵 還好你有看我咪咪 還有浮標網址CC

09-05 08:48

卡爾.J.山德羅
請問屋主
我的Yahoo!香港 不知為什麼
空間有點怪怪的 上傳檔案都看不到檔案 且檔案空間是空白的Orz...
以前明明不會的
因此想問問有沒有其他空間可以用呢?? 感謝^^"

09-05 10:20

藏鏡咪咪
不知道你有沒有hinet呢?!
中華優惠網的空間應該也能上傳游標檔
有機會我在來收集上傳空間好了09-05 12:46
老爹
嗯 原來如此 可以包回去嗎 GP發射~~

09-05 16:21

藏鏡咪咪
歡迎打包^^09-06 18:37
財盧小
亂入~嘿
謝謝大大
電腦白癡的我...終於成功了><

09-05 23:03

紫戀藍

咪咪,教學很棒呢︿︿

呵呵… 感謝妳的分享、教學!!

09-06 00:19

Forever
不過我還是不太會用 例如:
/*--------------------------整體頁面設定--------------------------*/
/*游標*/
BODY {cursor:urlhttp://ashine0118.myweb.hinet};
a{cursor:urlhttp://ashine0118.myweb.hinet};
/*----整體文字----*/
雖然不會 但還是先給你GP ^^

09-06 16:49

藏鏡咪咪
發現你少了()←這了這兩個個刮號喔^^
位置就在插入圖片的前後,
還有檔名最後一定要是ani、ico或cur
09-06 17:12
Forever
這個我也有用過
1.進去之後請先開通你的帳號,帳號、密碼跟台灣奇摩一樣
2.登入後,在「製作網頁」的下方點「檔案總管」進入
3.接著→「開啟檔案總管」進入上傳頁面
4.在「無痛上載功能」的下方點選「上載至」,上傳你要的游標,成功上傳右邊會有顯示
5.游標網址→檢視,右鍵→內容→網址(複製起來就好了)
但第5步看不懂在哪裡

09-06 16:51

藏鏡咪咪
就是在檢視你上傳的東西上按滑鼠右鍵,
之後會出現一個表單,找到【內容】這兩個字,
點下去之後,又會出現一個表單,
然後找到【網址】這兩個字,右手邊就是你的游標網址了。09-06 17:14
Forever
我還是無法耶⊙.⊙(真呆...)

/*--------------------------整體頁面設定--------------------------*/
/*游標*/
BODY {cursor:url(http://ashine0118.myweb.ani)};
a{cursor:url(http://ashine0118.myweb.ani)};
/*----整體文字----*/

09-06 17:35

藏鏡咪咪
剛看你的網址是無法顯示網頁喔!
建議你到我收集的素材網找喜歡的游標,
再套用上去就可以了^^09-06 17:43
Forever
嗯 我剛很突然的用好了
3Q喔

09-06 17:44

藏鏡咪咪
不客氣,其他教學如果有問題也可以發問喔^^
我會盡力幫忙低~09-06 18:02
太陽上的狐狸
感謝大大

09-06 23:43

太陽上的狐狸
感謝大大的分享喔^^~

09-07 00:15

美聲♀淚小喵
謝謝教學^^~ 很棒~

09-07 11:52

琉璃
咪咪的教學 幫助了許多人哦 ^_^

09-07 23:30

回天楓
繼續幫推

又學到新的東西嚕~

09-08 14:24

☜♀★初戀★♂☞
1.進去之後請先開通你的帳號,帳號、密碼跟台灣奇摩一樣
2.登入後,在「製作網頁」的下方點「檔案總管」進入
3.接著→「開啟檔案總管」進入上傳頁面
4.在「無痛上載功能」的下方點選「上載至」,上傳你要的游標,成功上傳右邊會有顯示
5.游標網址→檢視,右鍵→內容→網址(複製起來就好了)

第2項找不到阿@"@?哪有製作網頁(找到快瘋了=0=!!)

09-08 15:29

藏鏡咪咪
請問你已經登入帳號、密碼了嗎?!
登入之後就會轉進一個頁面,
請仔細看上方有個黑字紫底的地方,
那裡就有制作網頁四個大字,
你再往下看就有【檔案總管】了。09-08 15:51
拉提沃☕
好棒0.0
繼續抓回家~

09-08 18:18

*摘星子*
感謝教學^^
打包帶回家囉~

09-11 21:18

Forever
咪 這個memoyr/超精緻的可愛游標,請自行上傳至支持的空間 已經失效嚕

09-12 09:48

藏鏡咪咪
阿...謝謝你的提醒~這幾天我會注意一下低...再不行就刪囉!09-12 10:00
兔兔
登入後,在「製作網頁」的下方點「檔案總管」進入 <----Q_Q找不到說...我已經登入了帳密

09-13 22:17

藏鏡咪咪
囧...奇怪~為什麼我都會找的到...你已經是第2個跟我說找不到的人耶!
有空我貼個圖片給你們看好了,看有沒有長的一樣QQ09-13 23:26
兔兔
@口@"恩!還好有人跟我一樣嬤 汗 謝謝你ˇˇ我可真是一竅不通呢~即使看過好幾篇教學文也還是弄不很懂 而且今天改了進版圖.小屋主圖.右邊的綠點點...可是後來設定又跑掉了!整個快抓狂ˇˇ"不知道怎嚜回事(淚)(弄到整個都想放棄了...感覺好像浪費了這幾天的時間 嗚)
我先加您好友唷~方便日後來拜訪您的教學 謝謝您! 我推! ( ′▽`)-oGP   

09-13 23:32

兔兔
囧"怎忘了案...(茶)我真是的...重推! 我推! ( ′▽`)-oGP   

09-13 23:40

ExclaiminG
佩服佩服

09-18 15:13

美香
不好意思 最近才看到這篇
可以請問一下 我一樣用上面的貼法
/*游標*/
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};

請問要如何解決呢 感謝

09-21 15:02

藏鏡咪咪
語法上沒有問題~但網址無法顯示的話也會造成這樣的結果喔!09-24 23:41
秋穗澪
謝謝幫忙^^

09-21 21:02

小綿羊
咪咪大~
有沒有哪個網站還可以提供上傳滑鼠圖標的功能呢?
用香港雅虎預覽可以確定後又變回來了 >_<

09-26 12:58

小綿羊
可以使用了~
原來是語法上有錯誤
打擾了...

09-28 11:14

セシル
這篇文我收囉!XD

10-09 18:14

小桔
SWEET

10-09 20:10

- 森羅萬象之主 -
^^

10-16 18:39

紫苑
謝謝分享

10-19 23:13

微酸≠ⓛ ⓞ ⓥ ⓔ
謝謝咪大的分享唷^^
不過我想請問一下..為什麼我修改過後在預覽觀看是修改成功的
但是只要一按下確定送出,在顯示上就又會變成原本未修改前的樣式
後來到自訂模式找,發現語法的部份不一樣了
是因為我儲存的問題出錯嗎?!還是有哪裡出錯了!?

10-26 14:23

微酸≠ⓛ ⓞ ⓥ ⓔ
不好意思>__<
我找到問題點了= ="原來是因為巴哈系統反應不夠快的問題吧(誤
所以才會造成顯示方面比較慢
總而言之~~打擾了>_<

10-26 14:28

ㄚ慶
感謝指導

10-29 16:49

幻~☆
感謝你的教學~

11-03 20:20

*~亞亞~*
好文章XD收藏起來了!!奉上GP~感謝你的熱心教學!!

11-09 10:08

舞小雪
請問大大
我的語法是
body{cursor:url(http://sheng.phy.nknu.edu.tw/a171.ani)}
a:{cursor:url(http://sheng.phy.nknu.edu.tw/a172.ani)}
可是沒辦法顯示出來
請問哪裡弄錯呢@@?

12-31 02:04

查爾斯 - 放羊村蘇菲
因為大大的教學...讓我順利完成
我可以漂漂亮亮了~~~

01-04 20:43

梅子炸彈
你的教學好棒!!!
趕緊來用看看^V^

01-11 00:46

點的是煙‧抽的是寂寞
推推推2

01-13 18:29

Mi寶
成功了呢!好開心喔!
謝謝你捏!

01-25 11:53

小不忍
哇!
大大的背景嚇到我了XP

01-28 20:44

熊好萌
哇...這真是太神了
感恩阿~~

02-01 20:13

熊好萌
這個好厲害~
謝謝囉~

02-01 20:14

まどか御守
抱歉~學習中(推推

02-12 23:39

浮萍
謝謝分享
我收藏摟^^

03-12 14:55

ホロ控
關於游標的網址

一直會卡在gif、bmp、以及jpg檔

無法改成ani、ico或cur

該怎麼用呢?

這個我實在不清楚~"~

03-30 11:46

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

不過小拿鐵 ■D〞

超怕飄飄>^<

拜託別嚇我

04-09 20:43

大和瑰娃
先推再說~

04-15 00:50

玖月
感謝你的分享喔^^

04-23 01:18

醉蝶
○(^ˇ^)○ 超好用的文章
收走囉 感謝大大的分享

05-01 23:49

letmedo
謝謝分享~~~~

05-03 17:12

艾彌兒
很棒的分享>0<~收藏了!
給版大推推推一個XD

05-03 19:22


粉棒的分享.......卸卸壓

05-16 23:03

清香白蓮
咪咪 ^_^

我用你說的香港雅虎上傳ico的圖片

但是最後面都沒有.ani

然後一直失敗 不知道該怎麼辦 = =!!!

還有沒有地方可以上傳

06-01 17:43

化外良民
感謝分享,請笑納!

06-27 08:41


謝謝你的分享 多謝啦~

07-05 15:56

☆混沌曉星★
好多
感謝
受教啦

07-12 11:06

★°凝兒﹑
謝謝大大的提供

很棒噢˙ˇ˙

08-08 15:13


CSS格式錯誤,請修正(2)
按確定就跑出來這個@@

可以幫我看看嗎?

/*游標*/
BODY {cursor:url(http://hk.geocities.com/juanliany06/materialland_286.ico)};
a{cursor:url(http://hk.geocities.com/juanliany06/materialland_289.ico)};

謝謝

08-22 12:03


推推推!

10-01 14:27

微笑
謝謝分享歐~

11-18 14:42

冷到皮皮挫的HG
抱歉我問一下
圖片是PNG檔有支援嗎?

09-05 12:44

我要留言提醒:您尚未登入,請先登入再留言

56喜歡★gn6824 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【 輕鬆動手做捲軸 】... 後一篇:【 小屋首圖大小設定 】...

追蹤私訊切換新版閱覽

作品資料夾

ilove487您(๑╹ᆺ╹)
[達人專欄] 《克蘇魯的黎明》0317.行動組與留守組看更多我要大聲說昨天20:27


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】