2008年9月28日

讓WordPress有不一樣的游標(Firefox Google瀏覽器適用)

您在拜訪許多部落格之餘,是否發現了滑鼠游標會不一樣,可是這些特效都不是WordPress的部落格,加上只有支援IE而已,讓Firefox...等其他瀏覽器用戶都看不到這些特效;雖然這次教的特效,也只支援特定瀏覽器,不過,這次的教學,真的可以讓你達成在WordPress使用其他游標的願望喔。

今天,大家就跟著Ximen一步一步作,讓你的WordPress部落格可以使用游標喔。







1.首先點我下載游標的圖案(這只是範例,所以你也可以使用自己喜歡的圖案喔!)。



2.把游標的壓縮檔解壓縮。

1



3.打開FTP軟體,將2個游標放到佈景主題的images目錄中。

2



4.到WP後台,點選設計,之後點選佈景主題編輯器;接著選擇樣式表(style.css)。



5.在樣式表的body部份中,加入cursor:url(images/point.cur), default;



6.在樣式表的a部份中,加入cursor:url(images/link.cur), default;



7.更改完畢點選更新檔案

4



PS.是在樣式表的a部份中,text-decoration: none;下面加入cursor:url(images/link.cur), default;



至於cursor:url(images/point.cur), default;則是加入在框起來的地方



8.最後成果是不是出來了呢(請用Firefox或是Google瀏覽器瀏覽)

3



今天的教學是不是很簡單呢,看了這篇文章,大家應該不會再對CSS恐懼了吧

2 則留言:

匿名 提到...

這篇會不會讓人誤以為游標只能用在 Firefox / Google 啊 XD

順帶一提,我覺得 cursor:url(images/link.cur), pointer;
或者 cursor:url(images/link.cur), auto;
會比 cursor:url(images/link.cur), default; 的寫法好
不然游標檔無法顯示的時候,超連結可能會變成箭頭而不是手指 =   ="
<blockquote><b><font color="red">**************************************************</font></b>
了解!立刻修改。PS.感謝您拜訪本小站
</blockquote>

匿名 提到...

西門~那個阿...
把檔案換到你的空間吧~
Google Sites 的教學可以去香腸那邊翻...
我怕我的Google Sites 會流量太高....感謝嚕~
<blockquote><b><font color="red">**************************************************</font></b>
檔案換到我的空間?
</blockquote>