目前本版在研究中

首先呢....我們需要有自己喜歡的滑鼠游標樣式,基於自己DIY也不好看

而我也不想多寫這個煩雜的教學,那就交給專業的吧..

我想日本人一定做的比較好看,所以還是下載比較快→日本的游標素材

或是我網誌也有分享一些很可愛的游標http://www.wretch.cc/blog/bebe1419&category_id=9135790

挑到喜歡的樣式後,下載到自己的電腦裡

接下來就是上傳到網路上,如果你不知道哪裡有免費空間可以上傳

請參考以下教學

首先呢,必須要有google的帳號,

沒有的話請至這裡申請https://www.google.com/accounts/SmsMailSignup1

(都是中文介面應該不用在附上圖文教學了吧= =)

接下來請點此登入http://pages.google.com/

然後如以下圖示登入

 

最後反白的那個網址就是你這個檔案的網址囉~請注意游標副檔名一定只能是ani或是cur

什麼是副檔名?就是像你圖片有分成jpg或是gif,所以當你上傳喜歡的圖案時候,

網址後面一定是像這樣http://bebe141914191419.googlepages.com/02.ani

這才是有效的游標網址喔!

值得一題的是,google免費空間所提供上傳的沒有資料夾分類

所以你上傳過的檔案檔名不能一樣

開啟你的"修改CSS樣式表",先看看你套用的樣式裡有沒有游標網址,

如果有的話直接把你的游標網址覆蓋上去,如果沒有請自行把語法貼在你的css裡面

這是未移到超連結時:
body{ cursor:url("游標網址"); }

這是移到超連結時:
a:hover { cursor:url("游標網址"); }

在「連結列」上放游標:
#links A:hover { cursor:url("游標網址"); }

點此複製滑鼠游標語法

比如說我現在要在a:hover {cursor:url("游標網址"); } 放入我的游標,

如下圖示藍色橫線部份就是我自己把cursor:url("游標網址");

新增到a:hover {}裡面就是了

如果還是不了解,那就是我寫的教學太爛了= =

我為我浪費大家寶貴的時間感到抱歉

歡迎留言給我,我會盡我能力所及為大家解答。

**********2007/11/9更新以下內容**********

什麼?講這麼仔細了你還說你看不懂????

也就是說,以我自己分享的css樣式來說(但其實其他人做的樣式也不會跟我的差到哪裡)

你會看到css最上面有以下語法

body {
margin-top: 100px;
font-size: 9px;
cursor: url('http://ashine0118.myweb.hinet.net/tabo.ani');
color: transparent;
font-family: Verdana;
}
a {
text-transform: capitalize;
color: #2657e9;
text-decoration: none;
}
a:hover {
left: 2px;
cursor: url('http://ashine0118.myweb.hinet.net/doraemon.ani');
color: #6600cc;
position: relative;
top: 2px;
}

紅色部分就是游標的網址,你上傳游標到自己申請的空間裡得到網址後,將紅色部分網址改成你的,

請注意藍色部分的那兩點cursor: url('游標網址');

不能省略到!!!!!!還有綠色部分的;(分號)也不能省略!!!


加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl 加入此網頁到:YouPush 加入此網頁到:你推我報

flutteringstar 發表在 PIXNET 痞客邦 迴響(6) 引用(0) 人氣(14)

open trackbacks list 引用列表 (0)

迴響列表 (6)

發表留言
  • 謝ㄖ
  • 不是不是!



    我的意思是說



    你在分享日本游標那邊



    你不是說 滑鼠用到文字上就會顯示出那個圖案



    我要這個!



    那個怎麼用!



    謝謝你肯教我

    http://www.wretch.cc/blog/love1208379



  • 嗚嗚......

    好感動 不點會了耶><

    雖然不是毎個步驟都懂 不過游標用好了!!

    謝謝妳唷!! 很開心認識妳>///<
  • 我想要可愛一點的游標><

    日文我看ㄆ董= =
  • 拿走哩!



    謝謝^ ^

  • 我按照大大說的作ㄖ

    可是還是沒成功

    怎會這樣ˊ ˋ

    附上我的css樣式

    能請大大告訴我嗎QQ"

    我需要插入連結列的語法嗎ˊ ˋ?



    A:hover {

    COLOR: #ffff66;

    CURSOR: url

    ("http://www.freewebtown.com/milksky1/milksky1/milksky

    2/mobile01-d359a2d399fc8e438a9b3d19b051e2cd.gif");

    }

    BODY {

    BACKGROUND: url

    (http://pic58.pic.wretch.cc/photos/67/m/milkokla/32764

    /1408382678.jpg) #000000 fixed no-repeat center

    center; COLOR: #ffffff;

    Cursor: url

    ("http://www.freewebtown.com/milksky1/milksky1/milksky

    2/mobile01-d359a2d399fc8e438a9b3d19b051e2cd.gif");

    }

1

本篇迴響權限: 開放所有人迴響

留下迴響

*姓名/暱稱
電子郵件
個人網頁
留言標題
*留言內容
* 悄悄話