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
首先,先要有自己要的滑鼠游標網址,切記,要是滑鼠游標檔案的網址才行喔!
游標提供網站:
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
地球暖化
地球暖化現像長期石化燃料的大量使用 ( 主要是機動車輛 ) 及某些化學工業之製程所產生大量之溫室氣体 ---- 主要為二氧化碳,再加上能藉光合作用消耗它的森林大量地被砍伐,這提高了大氣圈原本阻擋地面對陽光散發到太空之能力,而造成嚴重的地球暖化現象。在過去 200 年來,全球的平均溫度已提高了 7 ℃;而極地的溫度提昇比例更多,南極半島之俄羅斯的白令豪山 ( Bellingshausen ) 基地附近之積冰厚度在過去 12年來已減少 40%,而英國之羅西拉 ( Rothera ) 基地附近於過去 30年間,其植被面積增加 5 到 25倍;這也意味著海水位亦在逐漸上昇。位於南極半島尖端東側之 James Ross 島,長久以來由厚達200公尺的冰棚互相聯結在一起,1995 年1月9 日起該面積1000平方公里之冰棚於50 天內整個崩解消失,使得 2 年後探訪該處的國際綠色和平組織之科學研究船有史以來首度能繞該島環航有108年歷史、極富權威之美國環保組織山嶺俱樂部 ( Sierra Club ) 極關注此項全球環境議題,在其所運作的太暖 ( toowarm ) 網頁中說:An experiment is being conducted upon the earthis called " Global Warming "Our children's future is riding on the outcome我們正在地球上進行一項實驗它的名稱叫做 " 地球暖化 (地球溫室效應 ) "它的後果把將決定你我的孩子們之未來該現象之衝擊包括海水倒灌、天候異常 ( 水患 / 乾旱 / 暴風 / 愛尼納 El Nino 或聖嬰現象 ) 及其所致的熱浪致命、森林火災、農作歉收、飢饉與傳染性疾病 ( 登革熱、瘧疾、、 ) 蔓延、動植物遷徙甚至物種滅決、、等,在台灣已不乏它們的影子。美國哈佛醫藥學校的 Paul Epstein 博士說:我們發現蚊子與老鼠等相關傳染病之增加,及漸近的地球暖化和一些極端事件之發生契合Copy Right 2000 Sierra Club / All Right Reserved 國際環境高峰會議已討論多年,并漸達成對二氧化碳排放之管制規定。然而,地狹人稠、80% 的人口住在海拔100公尺以下、水土保持及雨水蓄涵力不佳、溪流短、淡水供應日感不足 ( 已益成珍貴的公共資源 )、超抽地下水及多處地盤下陷、、的台灣,卻仍然大力發展高二氧化碳排放、高用水量而且污染性之製造業 。輕油裂解是前述產業之代表,五輕及六輕的完成,光是二氧化碳之單一污染源即提高全國總排放量的 25 %;而八輕的設立已經在規劃了。另一個雖無直接二氧化碳排放,但卻是高耗淡水、能源與污染 ( 需使用大量含砷之氰酸化物 ) 之所謂明星產業的便是半導體製造之晶圓代工。台灣是水泥、柏油或塑膠跑道、、氾濫的國度,這嚴重違反人文與自然法則 ---- 它既阻斷人們與土地之人文感情而無法感受土地的生機,亦使雨水無法滲入地層以回補被大量抽取之地下水,加成了地層下陷。其較強的吸熱能力更增強居住環境的溫室效應,這增加冷氣的使用因而造成電力之更多需求與後續更多相關環境問題。這樣的地面建材,既人文又環保。圖為位於基隆八斗子附近之大魚市場左近的新建公共停車場。
訂閱:
文章 (Atom)