Elsa's simple life: 【樣板DIY】我的鼠標

【樣板DIY】CSS 教學網站 | 主頁 | 【樣板DIY】輕鬆讓捲軸變色

March 28, 2006

【樣板DIY】我的鼠標

elsatw 在天空部落發表於18:32:00 | CSS樣版DIY

鼓勵此網誌：9　

羨慕別人的部落格有卡哇伊的獨特鼠標嗎？
趕快自己做看看哦！

● 在部落格加入鼠標

【我會從CSS裡加語法】
找出語法需加入的位置(黑色部分)，加入紅色字串，
底線部份是依照妳的需求圖檔(圖檔副檔名需為*.cur或*.ani)位置所變更。

CSS語法如下

正常狀態下的滑鼠：
body{
cursor:url('http://圖片網址1');
}

連結上的滑鼠：
a{
cursor:url('http://圖片網址2');
}

如果找不到要加入的位置，就全貼上去囉~

【我不會從CSS裡加語法】

利用天空部落自訂欄位裡的 自由欄位 加入語法

正常狀態下的滑鼠：
<STYLE type=text/css>body{cursor:url(http://圖片網址1)}</STYLE>

連結上的滑鼠：
<STYLE type=text/css>A:hover{cursor:url(http://圖片網址1)}</STYLE>

你可從其他ICON網站，把喜歡的游標(圖檔副檔名需為*.cur或*.ani)抓下來，
然後放在免費空間取得圖片網址。(圖檔我都放到免費空間yahoo!Geocities裡呢)

NEW!!! 資源分享！無敵多滑鼠游標！！

● 免費鼠標圖檔：

自己動手做！樂趣多更多！^^

留言 (20) | 引用 (0) | 人氣 () | 轉寄

此分類上一篇:【樣板DIY】CSS 教學網站 | 主頁 | 此分類下一篇:【樣板DIY】輕鬆讓捲軸變色

相關閱讀

引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)

引用

留言 (20筆)

20.

跟你打包囉..謝謝..
我試試看..

月光於 2009-10-31 17:10:26 留言 |

19.

搂主，我复制了你上面的方法...

body{
cursor:url('http://benz.nchu.edu.tw/~s9163030/cursor/cm1.ani');

}

可是还是不行哦...怎么会这样？

wee0506 於 2009-10-18 15:09:02 留言 |

18.

好乱哦我都学不会啦
呜呜呜呜

怎样呢
图片网址要哪里找

wenchain 於 2007-12-06 21:21:05 留言 |

17.

這篇教學文章真的很不錯,我引用至我的網誌囉!

girlssct 於 2007-11-17 11:56:09 留言 |

16.

再CSS裡面...有好多"body"
是每個都要加嗎???

sophia92306 於 2007-06-28 17:51:07 留言 |

15.

妳推薦的網站都要下載耶...真的要先下載嗎???
下載有要怎麼用再天空呢??

sophia92306 於 2007-06-28 17:44:48 留言 |

14.

謝謝您的熱心分享
回去試看看喔^^

yh599 於 2007-04-27 17:27:31 留言 |

13.

研究了好久
終於成功了
謝謝你的教學分享^^

板主回覆:
恭喜你啦!!!!

ariel0709 於 2007-04-23 09:01:14 留言 |

12.

我照你方法放在自訂欄位裡的自由欄位加入語法
但為何不顯示出來的??

是不是某些版面不能用呢?

希望能回答,謝謝!!

板主回覆:
正常都是可以用的捏!!!
除非你的圖片網址不對，就無法顯現囉!!!!

subebe 於 2007-04-17 11:39:29 留言 |

11.

要怎樣把自己的游標放在網路空間
我弄好久還是不行
請幫幫我!!

kaleidostar3 於 2007-03-17 12:03:47 留言 |

10.

謝謝妳, 剛從無名搬到天空
語法還真有點不一樣, 研究半天
卻從你這裡找到答案
感恩喔～

musicstarsky 於 2007-02-09 19:19:24 留言 |

謝謝你喔！
能逛到您的部落格真是開心，
你好厲害唷！
我的鼠標也在你的教學之下變更成功喔！

關ㄋㄟ於 2007-02-06 12:33:23 留言 |

我可以使用自己的圖片當鼠標嗎

up410081 於 2006-10-14 17:14:47 留言 |

您好:
http://benz.nchu.edu.tw/~s9163030/cursor
的連結己經失效
請您將他移除~~~~

板主回覆:
謝謝告知，已經移除了!!!!^^

dowdot 於 2006-08-30 08:22:24 留言 |

謝謝您的分享,我已成功的放上在我的網頁上!^U^

coka 於 2006-07-25 21:58:46 留言 |

我昨天用了 ppkeigo的CSS滑鼠游標分享~成功啦~真的謝謝妳ㄚ!!
之後我還嘗試改變捲軸的顏色~也成功啦~
妳的解說真是簡單易懂~謝謝啦+_+

min224 於 2006-04-06 02:18:27 留言 |

對了.
我的滑鼠不能像妳一樣.
可以變換圖案ㄟ0.0

不會用..

reh15112 於 2006-03-30 14:25:35 留言 |

我終於會了..........
3Q~!!!!

剛剛才改版好0.0
好累阿~

謝謝你ㄟ~!!^^

我還問一個東西ㄟ0.0..

就是你知道在留言板.
我是說這裡的留言板.

裡面應該要怎樣用圖案嗎0.0...

不管怎樣.
很感謝你喔^^

給你推推~
好版^^

reh15112 於 2006-03-30 14:22:44 留言 |

reh15112,
首先要進到你管理後端→變更樣版→編輯CSS檔
找出語法需加入的位置(黑色部分)，如

body{

然後貼上紅色部分，注意，底線部份是依照妳的需求圖檔位置所變更，

如：

body{
cursor:url('http://benz.nchu.edu.tw/~s9163030/cursor/cm1.ani');
原有其他語法仍保留;有的沒的;
}

不知道這樣你有沒有更清楚呢？

elsatw 於 2006-03-29 00:05:20 留言 |