2008年3月2日 星期日

滑鼠游標

(一)動畫滑鼠游標
首先,先要有自己要的滑鼠游標網址,切記,要是滑鼠游標檔案的網址才行喔!
游標提供網站:
1_http://home.kimo.com.tw/a815182/ani/1_index.htm
(↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標,將編號套入以下網址:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani
 例如:你喜歡0208,那你的游標網址就是:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani
2_http://www.wretch.cc/blog/tina501342
(↑這個無名裡有提供滑鼠游標的文章,請自行尋找,找到文章後,選一個自己喜歡的,
 到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址,記得回應人家的文章喔!這是禮貌!
等你有滑鼠游標網址時,就到你的部落格→管理部落格→面板設定→自訂樣式,
找到下面這個 /*Background*/ 的部份,通常都會在比較上面的地方。
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
CSS語法: (上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
(二)簡單滑鼠游標
指令表:
十字型 crosshair十字箭頭型 move問號型 help 1字箭頭型 n-resize小1字箭頭型 s-resize一字箭頭型e-resize小一字箭頭型 w-resize 左斜箭頭型 nw-resize 右斜箭頭型 ne-resize
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
CSS語法:(上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
或是直接拉到最下方,,貼上下面這段語法吧!
body{cursor:url(滑鼠游標網址)}a:hover {滑鼠游標網址)}

(☆)回應和引用是一種禮貌!


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

額外自製滑鼠游標先要有一套繪製滑鼠游標圖檔的繪圖軟體 Microangelo
  軟體下載:
點選下載↓
MicroAngelo 5 + 中文化程式 ←可以自己做游標圖
  阿盛滑鼠游標圖素材
  滑鼠游標圖案素材
  凱哥滑鼠游標教學及游標圖分享
※ 游標副檔名:ani (動畫圖片) 或 cur (靜態圖片)

(☆)部落格 ___自訂滑鼠游標教學

(一)動畫滑鼠游標
首先,先要有自己要的滑鼠游標網址,切記,要是滑鼠游標檔案的網址才行喔!
游標提供網站:
1_http://home.kimo.com.tw/a815182/ani/1_index.htm
(↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標,將編號套入以下網址:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani
 例如:你喜歡0208,那你的游標網址就是:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani
2_http://www.wretch.cc/blog/tina501342
(↑這個無名裡有提供滑鼠游標的文章,請自行尋找,找到文章後,選一個自己喜歡的,
 到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址,記得回應人家的文章喔!這是禮貌!
等你有滑鼠游標網址時,就到你的部落格→管理部落格→面板設定→自訂樣式,
找到下面這個 /*Background*/ 的部份,通常都會在比較上面的地方。
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
CSS語法: (上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
(二)簡單滑鼠游標
指令表:
十字型 crosshair十字箭頭型 move問號型 help 1字箭頭型 n-resize小1字箭頭型 s-resize一字箭頭型e-resize小一字箭頭型 w-resize 左斜箭頭型 nw-resize 右斜箭頭型 ne-resize
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
CSS語法:(上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
或是直接拉到最下方,,貼上下面這段語法吧!
body{cursor:url(滑鼠游標網址)}a:hover {滑鼠游標網址)}
這樣也是OK的唷!

**補充應網友要求 簡單化**
按照以下的步驟 一步步練習做做看
1. 到 http://home.kimo.com.tw/a815182/ani/1_index.htm 進去選妳要的 游標圖案
2.用筆記下妳選的游標編號
部落格 ___自訂滑鼠游標教學 

*自訂滑鼠游標(更改滑鼠游標)*
3.把下面藍色字體全選並copy
.把下面藍色字體全選並復製貼在→自訂樣式第一排
/*Background*/body{background:#FF0066 url ←從這裡貼上↓
(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http: //www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A: hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000 編號ani);}

貼完跟下面一樣↓
/*Background*/body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號ani);}
然後到這裡選擇您要的圖案
_http://home.kimo.com.tw/a815182/ani/1_index.htm
回到自訂樣式把數字編號(共四碼貼上↓
/*Background*/body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}

4.→管理部落格→面板設定→自訂樣式
找到並把 /*Background*/ 這個部份連以下的段落 換成剛才copy上面的部份
5.將編號換成妳剛才記下來的號碼(共四碼)
好了.....按確定  就大功告成
再加油 試試看

CSS語法:body{cursor:url("游標圖片檔網址1")} 移到網頁時的滑鼠游標 a:hover {cursor:url("游標檔圖片檔網址2")} 移到超連結時的滑鼠游標※直接拿網址貼在語法即可方法如下:在 ' 請 按 此 下 載 ' 按 左 鍵 → 內 容 →網址→複製下來即可貼在語法上 注意:看過來 看過來記得 貼滑鼠游標語法的時候 『移到網頁時的滑鼠游標』和 『移到超連結時的滑鼠游標』不用貼到CSS語法裡面你只要貼:body{cursor:url("游標圖片檔網址1")}a:hover {cursor:url("游標檔圖片檔網址2")}
請看阿泰範例:1.管理部落格→2.面板設定→3.自定樣式→
把下面ㄉ語法複製貼在CSS語法最下面
就會跟我的雙滑鼠游標一樣喔!


body{cursor:move}a:hover{cursor:help}body{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor34.ani);}a:hover{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor27.ani);}
引用:http://tw.myblog.yahoo.com/jw!arSyRGeRFERvDqj_DzhT/article?mid=228
(一)動畫滑鼠游標
首先,先要有自己要的滑鼠游標網址,切記,要是滑鼠游標檔案的網址才行喔!
游標提供網站:
1_http://home.kimo.com.tw/a815182/ani/1_index.htm
(↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標,將編號套入以下網址:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani
 例如:你喜歡0208,那你的游標網址就是:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani
2_http://www.wretch.cc/blog/tina501342
(↑這個無名裡有提供滑鼠游標的文章,請自行尋找,找到文章後,選一個自己喜歡的,
 到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址,記得回應人家的文章喔!這是禮貌!
等你有滑鼠游標網址時,就到你的部落格→管理部落格→面板設定→自訂樣式,
找到下面這個 /*Background*/ 的部份,通常都會在比較上面的地方。
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
CSS語法: (上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
(二)簡單滑鼠游標
指令表:
十字型 crosshair十字箭頭型 move問號型 help 1字箭頭型 n-resize小1字箭頭型 s-resize一字箭頭型e-resize小一字箭頭型 w-resize 左斜箭頭型 nw-resize 右斜箭頭型 ne-resize
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
CSS語法:(上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
或是直接拉到最下方,,貼上下面這段語法吧!
body{cursor:url(滑鼠游標網址)}a:hover {滑鼠游標網址)}

(☆)回應和引用是一種禮貌!


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

額外自製滑鼠游標先要有一套繪製滑鼠游標圖檔的繪圖軟體 Microangelo
  軟體下載:
點選下載↓
MicroAngelo 5 + 中文化程式 ←可以自己做游標圖
  阿盛滑鼠游標圖素材
  滑鼠游標圖案素材
  凱哥滑鼠游標教學及游標圖分享
※ 游標副檔名:ani (動畫圖片) 或 cur (靜態圖片)

動畫滑鼠游標
分類:引用ㄉ
(☆)部落格 ___自訂滑鼠游標教學

(一)動畫滑鼠游標
首先,先要有自己要的滑鼠游標網址,切記,要是滑鼠游標檔案的網址才行喔!
游標提供網站:
1_http://home.kimo.com.tw/a815182/ani/1_index.htm
(↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標,將編號套入以下網址:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani
 例如:你喜歡0208,那你的游標網址就是:
 http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani
2_http://www.wretch.cc/blog/tina501342
(↑這個無名裡有提供滑鼠游標的文章,請自行尋找,找到文章後,選一個自己喜歡的,
 到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址,記得回應人家的文章喔!這是禮貌!
等你有滑鼠游標網址時,就到你的部落格→管理部落格→面板設定→自訂樣式,
找到下面這個 /*Background*/ 的部份,通常都會在比較上面的地方。
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
CSS語法: (上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}
(二)簡單滑鼠游標
指令表:
十字型 crosshair十字箭頭型 move問號型 help 1字箭頭型 n-resize小1字箭頭型 s-resize一字箭頭型e-resize小一字箭頭型 w-resize 左斜箭頭型 nw-resize 右斜箭頭型 ne-resize
CSS語法解釋:
/*Background*/body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
CSS語法:(上面說"從這邊加上以下語法"的那個地方,加上以下語法,就是從 " ; " 那邊開始)
CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}
或是直接拉到最下方,,貼上下面這段語法吧!
body{cursor:url(滑鼠游標網址)}a:hover {滑鼠游標網址)}
這樣也是OK的唷!

**補充應網友要求 簡單化**
按照以下的步驟 一步步練習做做看
1. 到 http://home.kimo.com.tw/a815182/ani/1_index.htm 進去選妳要的 游標圖案
2.用筆記下妳選的游標編號
部落格 ___自訂滑鼠游標教學 

*自訂滑鼠游標(更改滑鼠游標)*
3.把下面藍色字體全選並copy
.把下面藍色字體全選並復製貼在→自訂樣式第一排
/*Background*/body{background:#FF0066 url ←從這裡貼上↓
(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http: //www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A: hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000 編號ani);}

貼完跟下面一樣↓
/*Background*/body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號ani);}
然後到這裡選擇您要的圖案
_http://home.kimo.com.tw/a815182/ani/1_index.htm
回到自訂樣式把數字編號(共四碼貼上↓
/*Background*/body{background:#FF0066 url(http://tw.yimg.com/i/tw/blog/css/cat1_4/cat1_4.gif) ) repeat-x;CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}A:hover{CURSOR:URL(http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000050.ani);}

4.→管理部落格→面板設定→自訂樣式
找到並把 /*Background*/ 這個部份連以下的段落 換成剛才copy上面的部份
5.將編號換成妳剛才記下來的號碼(共四碼)
好了.....按確定  就大功告成
再加油 試試看

CSS語法:body{cursor:url("游標圖片檔網址1")} 移到網頁時的滑鼠游標 a:hover {cursor:url("游標檔圖片檔網址2")} 移到超連結時的滑鼠游標※直接拿網址貼在語法即可方法如下:在 ' 請 按 此 下 載 ' 按 左 鍵 → 內 容 →網址→複製下來即可貼在語法上 注意:看過來 看過來記得 貼滑鼠游標語法的時候 『移到網頁時的滑鼠游標』和 『移到超連結時的滑鼠游標』不用貼到CSS語法裡面你只要貼:body{cursor:url("游標圖片檔網址1")}a:hover {cursor:url("游標檔圖片檔網址2")}
請看阿泰範例:1.管理部落格→2.面板設定→3.自定樣式→
把下面ㄉ語法複製貼在CSS語法最下面
就會跟我的雙滑鼠游標一樣喔!


body{cursor:move}a:hover{cursor:help}body{cursor:URL(http

沒有留言: