創作內容

11 GP

小屋游標更換圖文教學

作者:淵│2007-09-08 23:29:13│巴幣:2│人氣:5002
先預告一下,明天要教各位換按鍵~~




我本來想說滑鼠這個還蠻多人寫的...
所以我才沒教的說="=



好吧,那今天再來一篇,就來教各位換滑鼠游標好了。
照慣例,怕出狀況的話請記得先備份CSS,
要用的檔案請自行上傳,不要直接無斷使用別人家的連結。


教學開始。



1.請各位打開

2.看到下面這張圖片。話說這段文字原本是沒有的哦,請自行把等一下提供的複製貼上!!

3.紅色圈起來的部分是指你現在平常在用的這個
白色箭頭游標,
 游標的副檔名是ani。
 其實網路上很多很可愛的游標,拜一下辜狗大神或是用yahoo搜尋應該可以找到很多...

 要是想花俏一點,想在你點到連結的時候換成另一種游標,
 就是指
藍色圈起來的那部份。
 如果不要的話,這一行就不要打進去哦~

大家可以把這段抄回家用~~


body{cursor:url(http://游標網址)}/*移到網頁時的滑鼠游標*/
a:hover {cursor:url(http://游標網址)}/*移到超連結時的滑鼠游標*/


這段我是放在最上面啦(如圖示)
因為這部分放哪裡好像都不會有影響的樣子←這句話我不保證後果(跑走)
端看個人習慣,反正你自己要知道你把什麼東西放在哪裡哦!


4.按『確定送出』

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=667760
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 24 篇留言

炎髮灼眼的殺手!!
多謝啦!!辛苦妳囉!!

雖然昨天知道哩!!@@

但妳都講的很容易懂^^"感恩

09-08 23:35

小于
嗯,換按鍵確實很多人知道...

我也看過很多篇了...

但就是不會。

所以我開始期待大大妳的作品了~~~<( ′▽`)↗  

圖文並茂真是太讚啦!!

09-08 23:43

~Ceylon錫蘭~
收藏去了!感恩啊~>口<

09-08 23:49

御風
雖然已經知道了 但是還是給你推推~~~

09-08 23:49

御風
雖然已經知道了 但是還是給你推推~~~

09-08 23:50

高木宥人
您的付出我真是獲益良多呀

09-09 11:54

奸仔蘭˙華麗閃耀
能請問一下
妳是用哪個網址上傳游標的嗎
我上傳到香港YAHOO的自製網站上面
但是卻忽然無法顯示圖示
所以想請教一下您是用哪裡的網址@@??

10-04 17:11


我用的是中華電信hinet用戶的付費空間...10-04 17:44
RAIN
太感謝您的分享

10-05 15:58

神醫
大大救救我阿...我看過你的教學後下去改還是不會阿...
body{cursor:url(http://hk.geocities.com/minnie0229/m_11.ani)}/*移到網頁時的滑鼠游標*/
a:hover {cursor:url(http://hk.geocities.com/amy606262002/ani/058.ani)}/*移到超連結時的滑鼠游標*/
另外是這樣打嗎...

10-28 14:18


http://hk.geocities.com/minnie0229/m_11.ani
你上面這個滑鼠游標連結好像死掉了....10-29 10:35
神醫
現在滑鼠已經OK囉...只是我的背景哪些我依然不會阿~

10-30 00:14

幻~☆
感謝~

11-08 13:32

*°﹢海薇兒﹢°*
我的怎麼不能用>"<

body{cursor:url(http://sheng.phy.nknu.edu.tw/move-22.gif)}/*移到網頁時的滑鼠游標*/

11-10 21:18


游標檔案不是GIF哦11-11 17:00
秘密翱翔
請問你中華電信的付費空間網站是?

11-12 00:46


中華電信不就是hinet嘛="=11-12 18:18
*°﹢海薇兒﹢°*
我終於知道為什麼我的不能用惹..

我看到裡面有一段
body{cursor:url(http://jrsam0320.myweb.hinet.net/cutea-1.gif)}/*移到網頁時的滑鼠游標*/


A:hover{
color:#0064AF;
text-decoration: underline;
}/*滑鼠移入連結狀態*/


應該是本身就有的嗎

還是我自己加到的= = ?

我把它刪掉惹。。之後游標就可以正常顯現了

刪掉了會怎麼樣嗎??因為我不知道這個是不是其他功能的

不過我沒刪掉前滑鼠游標都不能用

一開網頁游標都不會出現~點到超連結上面會出現超連結的游標

但是離開超連後結超連結的游標一樣不會消失

刪掉那一段之後就可以正常顯現了QQ

11-13 15:55

*°﹢海薇兒﹢°*
打錯

是只有這段

body{cursor:url(http://jrsam0320.myweb.hinet.net/cutea-1.gif)}/*移到網頁時的滑鼠游標*/

他是本來就有的嗎?

11-14 11:37


當然本來就沒這段啊@@~11-14 22:48

學會了...感謝教學^^

01-04 13:35

伊希德
大大~不好意思...

我放語法上去之後...我的滑鼠圖示不但沒顯示出來

還只剩預設的手指圖,不管指到哪都不會變

請問為什麼會這樣呢?>"<

我照你說的把這段
body
{cursor:url(http://img107.imageshack.us/img107/9785/01pt3.jpg)}/*移到網頁時的滑鼠游標*/
a:hover {cursor:url(http://img107.imageshack.us/img107/7354/14my8.jpg)}/*移到超連結時的滑鼠游標*/
放在最上層...卻沒有作用...麻煩你了...感謝~

01-14 01:08

赫爾萊恩。小赫
謝謝大人的教學唷^^
推推推~

01-31 19:56

赫爾萊恩。小赫
伊希德大人!!
淵大有說游標的副檔名是.ani
不過你放的副檔名是.jpg
所以我想,可能是這樣才沒有顯示吧?
(在下的見解~)

01-31 19:59


嗯 沒錯02-01 01:37
greenein
想請問大大,
如果游標圖想要使用自己的圖,
利用photoshop去做更改檔案的格式,
沒有看到ani的選項@@
然後我用png的,貼入語法後卻沒有任何變更XDD
body{cursor:url(http://farm4.static.flickr.com/3273/2312461094_7d72316b80_o.png)}
/*移到網頁時的滑鼠游標*/
ORZ

03-05 20:57


ani是滑鼠游標的檔案格式
你用png...這是圖片格式好唄04-01 15:45
Lacrimosa安魂彌薩
淺顯易懂><果然適合我這笨蛋=ˇ=

08-14 11:50


CSS格式錯誤,請修正(2) - -
這是我的語法↓

body{cursor:url(http://hk.geocities.com/juanliany06/materialland_286.ico)}/*移到網頁時的滑鼠游標*/
a:hover {cursor:url(http://hk.geocities.com/juanliany06/materialland_289.ico)}/*移到超連結時的滑鼠游標*/

可以請淵大幫我看看嗎?

08-22 11:59

江小魚兒
大大!好感度...看結果那裡還是一樣耶..請問有方法嗎?

還有啊..
請問一下要怎樣才能像你一樣整個網頁就是一大張的圖,而沒有巴哈的線等的..

你的教學我都看到爛了..還是找不到呢?
可以幫幫忙嗎?

留言認證密碼:8716    請輸入左邊數字:左邊數字

09-18 11:31

小霜
圖掛掉了耶

07-11 12:58

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

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

前一篇:小屋系統預設圖片更換教學... 後一篇:小屋系統預設圖片更換教學...

追蹤私訊切換新版閱覽

作品資料夾

hownstyle祝我生日快樂♥
每年都有的生日活動來惹! 可以填寫祝福、還有著色及繪圖活動 (~六月底):https://home.gamer.com.tw/artwork.php?sn=5921562看更多我要大聲說11小時前


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

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