I'm Google廣告

2007/08/19

20070819 Lifetype網誌更換滑鼠游標

其實,我是一個不喜歡網頁或者部落格長的太花花綠綠的人
ㄜ...其實應該說,不只是不喜歡花花綠綠,我連會「叫」的網頁也不太喜歡
可想而知,我對當下熱門的網誌平台(EX:無名、yahoo、Xuite...等)其實還蠻感冒的
當然,其實這些平台當中,也是有長的比較樸實一點的樣版啦
只是普遍來說,真的這些平台中的網誌,大多還是花俏了點 @@



今天,前幾屆的學生~韻蓉~一直ㄌㄨˊ,即時通一直問要怎麼改部落格的滑鼠游標?
其實,不管是哪個平台,只要有支援CSS語法的,大概都可以做到
當然,不只是滑鼠游標,包括背景音樂、樣版的外觀設計等,也都是可以從CSS下手
我這樣講吧,其實部落格平台當中,應該是可以分成背景的程式運作,還有前端的表現
程式運作的部分,當然就是牽涉到程式語法,目前比較常見的是asp和php
而前端表現的部分,則又由樣版語法(例如smarty)和CSS來控制
smarty控制的大部分是「資料」和「區塊」,CSS則是負責「樣式」
真的有興趣的話,其實網路上的資料多的是,以下提供幾個聯結
PHP:http://www.php.net/
ASP:http://www.asp.net/
Smarty:http://smarty.php.net/
CSS:http://www.w3.org/Style/CSS/

OK,我知道,給了上面的連結,通常指會讓人更加「霧煞煞」...
我來實作一下,就把 bubble's weblog 改一下滑鼠游標好了 @@
雖然我不喜歡花花綠綠的網頁,不過這幾天天氣陰雨綿綿,改個祈雨游標也還可以啦 ^^
首先,當然是先去弄個滑鼠游標回來,網路上多的是現成的,當然想自己做也可以
自己做的好處就是「獨一無二」,用別人的省事不少,可是也要注意著作權喔
這個網站:http://www.hsiu28.net/cursor/ 
提供了不少蠻可愛的游標可以下載,也開放無償使用在非商業的個人網站
我就從這邊選了一個來用 :)

將檔案下載回來之後,如果是有壓縮的,記得要解壓縮一下 @@
總之,請記得滑鼠的游標一般來說是 cur、ani 或 ico 的副檔名
我接著將準備好的滑鼠游標上傳到lifetype的檔案中心

上傳完成之後,當然就是要去找到這個檔案的真實網址
這地方所謂的真實網址,就是指,任何人都可以透過網路來讀到你的這個游標的位址
在lifetype裡面的做法就是去資料夾裡面找,通常可以找到一個「下載」的連結
這個就是真實網址了

接著,在這個連結上面「右鍵」選擇「複製捷徑」就算找到真實網址了
要是不放心,也可以請別人連結一下你複製的這個網址,看能不能連的上
只是,因為windows通常沒有預設讀取這類附檔名的軟體,所以應該會出現要你下載的畫面
別擔心,只要會出現這樣的訊息,也是代表別人可以連到你的圖片的 ^O^

接下來,到lifetype的「網誌模版編輯器」中去找到你所使用的樣版中的CSS檔案
在這個檔案當中,找到 BODY { //中間可能有很多行// } 的標籤
這個BODY就是控制整個網站外觀的參數,如果想對不同的區塊做不同的滑鼠游標設定
當然就可以去研究一下CSS中,各個區塊的配置還有名稱....等 (這個講不完的...講個大概就好)
我們可以在 BODY 這個標籤的 "{"  ← 開始標籤  "}" ← 結束標籤之中
新增一行 cursor:url() 的標籤,記得這一行的最後面也要加個分號當做結束
然後在小括號的中間,把剛剛複製的真實網址貼上去,存檔~
OK,就這樣簡單,來看看成果~ ^O^

↑ 上面的紅色圈圈,是原本windows的滑鼠遊標
完成之後會變成下圖這樣 

↑  這是我換上去的小太陽滑鼠游標
不管是想針對連結的部分、不同的區塊等,置換不同的滑鼠游標,其實也很容易
請閱讀上面提供的CSS語法參考連結就是....哈哈 XD ~
雖然這種教學有點不太負責,不過,相信提供了個方法
有興趣的朋友,自然可以找到更多發揮的空間的~ ^^
總不會像我這寶貝學生這樣吧,直接把部落格的帳號密碼給我,乾脆要我幫它改~"~
這真是不良的學習模式,ㄟ~正確的說,這樣根本就沒學到東西吧 =,=
哈哈,藉著寫這篇教學,我也順便把部落格的游標換成了小太陽,應該也還蠻可愛的吧? ^^

0 Comments :

張貼留言

留個話吧 ^O^
◎ 留言請勾選「通知我」可以收到後續回覆的留言喔~

I'm Google廣告