close

部落格改變滑鼠指標的使用方法




 


1.首先到右上方點選【管理部落格】鍵
2.點選左側方【面板設定】鍵
3.點選右上方【自訂樣式】鍵
4.張貼語法

/*滑鼠游標變更設定*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs932300502.ani)}
a:hover {cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs93230052.ani)}

5.點選最下方【確定】鍵 (與上語法都貼上下滑鼠就跟我一下ㄌ{{貼在最下面})


                                                     

   首先(開新視窗)登入奇摩→到自己的部落格→


管理部落格→面板設定→自訂樣式→


在到CSS最下面輸入






部落格滑鼠游標語法↓


body{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani002.ani);}
a:hover{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani003.ani);}


 





部落格滑鼠游標語法↓


body{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani004.ani);}
a:hover{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani005.ani);}



 



可以到下面的網址找一個你喜歡的圖片然後複製網址



阿盛的素材



http://sheng.phy.nknu.edu.tw/wjs-13ani.htm



找自己喜歡的遊標


找到之後可以按它旁邊的磁碟片的圖形


千萬不要按左鍵儲存起來~按右鍵選擇複製捷徑


先用第一個~再回去用第二個


之後回到CSS


把滑鼠游標的語法貼在最下面~之後把中文


(游標圖片網址1和 (游標圖片網址2) 刪除



不可以把括號() 刪掉



在同樣的位置按貼上


(把剛剛複製的捷徑的貼上,要兩次一次是


"游標圖片網址1"另一次是"游標圖片網址2")


body{cursor:url(游標圖片檔網址1)}


a:hover{cursor:url(游標圖片檔網址2)}




----------------------------------------------------------------------------------------------------------------------------------


瀲敥試用過後,唯一成功的只有這語法..


其他的...瀲敥也不知道錯在哪= = 等等在繼續慢慢研究...


感謝讓我知道"CSS"原來就是網誌樣式自行編輯的東西~


用一串串的語法編輯成我們看到的圖像網誌~(汗..終於懂了)


上頭引用的文章就是瀲敥的參考語法~


只是也讓我摸了許久才終於搞懂~


所以瀲敥在這來個圖像說明好了~


以下~


--------------------------------------------------------------------------------------------------------


首先打開部落格的CSS編輯頁:管理部落格->面板設定(步驟1)->自訂樣式(步驟2)

 

將語法貼在編輯區最底下...



 

 ↑在這裡貼上語法,語法的位址隨圖檔不一樣改變!

 

接下來重點就是更改圖像啦~


原版主有提供幾個圖像位址:







說明:"ani檔"就是滑鼠游標的副檔名,一般圖形(jpg.gif..)都不能用喔!

 


 

                       另外版主提供的=========阿盛的素材


http://sheng.phy.nknu.edu.tw/wjs-13ani.htm


 


裡面的圖檔位置有些奇妙...得找一下...


網頁裡面每一個圖示都有一個"愛心"(點一下可預覽)


還有一個儲存的"圖式",


 


在"儲存圖示"上點一下左鍵...就會出現以下畫面...




 

別急著按任何鍵喔~因為我們不需要將他們下載下來...

 

 

請記下檔案的"位址"與"檔名"..覺得位址太長不好記?

有辦法~~在位址列也有圖檔位址喔~~


 

將複製下來的位置後面加上檔名==>

                                            http://sheng.phy.nknu.edu.tw/a010.ani

                                                                                  (這就是阿盛網站裡圖檔的位址摟~)

 

瀲敥使用的是:



 

 

這時候將位址換到CSS的語法裡成為==>

 

/*滑鼠游標變更設定*/
body{cursor:url(http://sheng.phy.nknu.edu.tw/a014.ani
)}
a:hover {cursor:url(http://sheng.phy.nknu.edu.tw/a001.ani
)}

按下"確定"~  大功告成摟~


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 龍取珠 的頭像
    龍取珠

    從愛心出發

    龍取珠 發表在 痞客邦 留言(0) 人氣()