close

DSC08162_副本.jpg

 

剛辦部落格,也因很久沒有接觸網頁語法,遇到CSS語法真的一個頭兩個大...
除了推薦的《DRIBD & DRABS》佛心的提供許多免費布置語法之外,
很多實用語法都是爬文來的,游標語法即是。
有使用Google瀏覽器應該都有注意到旋轉貓窩的游標(※ IE瀏覽器無法使用)
包含【未碰連結的游標】+【觸碰連結後的游標】如果要用一樣的游標圖就設定一樣的網址即可。
看了很多篇教學很多試了都失敗,分享一下確定可以用的滑鼠游標及語法:)


【如何自己製作滑鼠游標圖呢?】

以前做留言板時都用IE,常看到的游標都是.ani或是.cur檔,
但我試過都無法顯示OTZ...後來發現用我們常見的png檔就可以顯示了。
使用AI或PS等軟體都可製作,尺寸我建議為70px*70px以內較適當,
需先有游標觸碰熱點(左上角)可用箭頭、圓點、愛心等代替,
其餘空間都可隨意繪製想要的圖案,當然要打字也可以喔!大家可以自由創作 d(`・∀・)b

範例圖:miae006.jpg (以前用電腦繪圖繪製朋友的貓)


【圖片上傳空間】

游標語法需要網址才能使用,而網路上的圖片網址不能隨便拿去用喔,失敗率也很高,因此需要先註冊習慣的上傳圖片空間。
網路上非常多種很好找,我個人是使用《mediafire》 與 《photobucket》
免費的但都需註冊(後者可用FB登入),當然有其他的上傳空間依大家習慣選擇。
註冊與使用教學部分再麻煩Google爬一下教學文喔!
把製作好的游標圖案上傳後即可得到專屬的圖片網址了,也不用擔心圖片突然不見囉!

 

【滑鼠游標語法】

把圖片網址代入後,放置CSS語法裡即可(記得先預覽看有沒有顯示)。

 

【免費游標分享】

※ 拿圖使用請留言告知一聲喔!
若沒有AI或PS等軟體無法製作,分享一些我自己做的游標圖。
幾款簡單基本樣式,之後不定時更新:)
圖片也已經上傳好了直接將網址綠字部分更改想要的游標名稱再代入語法即可使用。

游標圖片網址 http://i613.photobucket.com/albums/tt218/chu_920/miae-1-b.png

1464975578289.jpg

 

 

【免費游標客製】

※此為提供給沒有軟體也不知如何製圖的人!
幾款簡單公版素材可免費幫忙製作游標圖,可隨意搭配套用。
1. 請在SpinningCat臉書粉絲團按讚並提供FB帳號。
2. 不接受公版以外游標樣式客製。
3. 領圖完三天後刪檔,需自行將圖片上傳至自己網路空間使用。
4. 一人限申請一個。
5. 顏色請提供色碼#字後六位數(色碼網)。
6. 版面有限,游標文字與游標圖案請則一,字體不可挑。
7. 製作天數為一星期內,期間內請勿催促或要求提前交圖。

如可接受以上請填寫以下表單並『私訊』回應此篇

 

滑鼠游標客製化2.jpg

 

圖片著作權實屬「Mia.依」所有,禁止未經許可修改、再製、販售等商業行為 。

 


 

若有問題歡迎留言提出,也希望能幫助大家裝飾自己部落格~

如喜歡這篇教學歡迎轉載引用,請註明出處,記得幫忙推文&按讚給個鼓勵喔~(✿゚▽゚)b

arrow
arrow

    Mia.依 發表在 痞客邦 留言(5) 人氣()