查看單個文章
舊 2005-12-19, 01:04 PM   #6 (permalink)
psac
榮譽會員
 
psac 的頭像
榮譽勳章
UID - 3662
在線等級: 級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時級別:30 | 在線時長:1048小時 | 升級還需:37小時
註冊日期: 2002-12-07
住址: 木柵市立動物園
文章: 17381
現金: 5253 金幣
資產: 33853 金幣
預設

4月11日



MSN Spaces 計數器

增加計數器

計數器和MSN在線狀態指示器是兩個比較實用的工具,通過前者你可以瞭解自己空間的受歡迎程度,而後者又為來訪者提供了你目前的在線訊息,方便好友與你及時聯係。為日誌加入這兩項功能的前提是你必須已經安裝了HTML語法增強編輯工具,也就是你的IE瀏覽器工作列裡已經擁有了「Edit It」按鈕。如何獲取此項功能,我已經在教學的第一章介紹,這裡不再贅述。

先說說增加計數器。如果只是在日誌中顯示來訪總數,那麼申請一個簡單的計數器即可,提供這種服務的網站很多,你在搜尋引擎中按鍵輸入「Free Web Counter」會搜尋到很多結果,這裡我個人推薦http://www.amazingcounters.com/。這個網站提供350多種計數器,款式繁雜,花色多樣,絕對滿足你的需要。申請時需要註冊,但程序很簡單,一般只需要提供少量的個人訊息即可。註冊成功後你就可以選項心儀的計數器了,然後再輸入你個人網站的訊息,你將獲得一段在線產生的HTML頁面的程式碼。某些網站還會提供給你簡單的在線編輯功能,讓你進一步對計數器的外觀作簡單的修改,以更好的適合你的需要。將獲取的程式碼拷貝,然後轉到你需要插入計數器的MSN Space日誌,點擊「Edit It」按鈕,進入HTML語法編輯狀態,將剛才獲取的程式碼貼上到空白處,再結束HTML編輯狀態,在日誌文本處理模式下調整計數器的位置。由於MSN Space空間沒有提供置頂功能,因此你必須經常調整計數器的位置,將它始終放置在首頁的日誌中(最好是第一篇日誌)。方便起見,你可以將計數器的來源碼拷貝到文本文件中,以後調整時將它簡單貼上過來就可以了。

如果你想獲得有關你的空間流量的具體訊息,諸如服務機構時間內的訪問量,來訪者停留時間,來訪者IP及所在國家等等眾多專業統計結果,上述網站就不能滿足你的需要了。推薦你到這個網站申請此項服務:http://www.statcounter.com/,它提供了極其強大且穩定可靠的統計功能,幾乎面面俱到,至少對於我們這個水準這些功能是足夠了,而且眾多訊息均以圖形或表格的方式予以呈現,直觀明瞭(Tucow五星推薦)。所有這些服務均為免費,除非你的月訪問量超過20萬。唯一的缺點就是提供的計數器樣式過於簡單,可供選項的餘地也不大。。它的申請程序很簡單,成功後會先讓你選項計數器樣式(你可以進行簡單的定值),然後設定某些參數,諸如通過Cookie功能將你自己的登入排除在統計數位之外等,之後你可以在Install Code頁面獲取HTML程式碼,需要注意的是,它會為不同檔案類型的頁面產生不同的程式碼,因此你要在「Statcounter Code Option」裡選項「Html Only Code」,通過這個指令產生的程式碼才可用於MSN Space,獲取程式碼後的操作就和上面已降解的方式一樣了。由於是海外的服務商,所以頁面訊息全部是英文,這對於不諳E文的朋友可能有些麻煩。




4月11日



MSN Spaces 在線狀態

MSN在線狀態指示器

申請MSN在線狀態指示器也很簡單,到下面這個網站http://snind.gotdns.com:8080/ 在「Messenger」下拉表單裡選項MSN,當然如果你有Yahoo,或AOL等提供的及時通訊工具,也可以為其申請相應的指示器。輸入你的MSN Messenger用戶名,網站很快會為你產生一段程式碼,這段程式碼顯示的是一個圖示,通過其顏色的變化來顯示你的Messenger的不同狀態,直接將此程式碼按上述方法增加到日誌中就可以了。有兩個問題需要注意:該狀態指示不會既時更新,它顯示的狀態是訪問者登入你的空間時你的在線狀態,如果你在此期間上線或離線,指示器不會既時同步做出反應,除非重新整理頁面才會看出變化。另外顯示的狀態和真實狀態可能會有稍許延遲,但不嚴重。還有一種情況也可能會發生,就是服務商的Server關機,那麼指示器就無法正確顯示任何狀態了。

MSN Spaces 光影文字

光影文字

有關文字方面的處理,MSN Space提供了最基本的幾個格式化指令,再加上我們的增強編輯工具,在應付一般的文字編排上應該是綽綽有餘了。如果還想獲得更多的效果,尤其是在文字排版方面,大家可以參考相應的HTML及CSS中有關文字處理的介紹,在這裡就不做講解了,畢竟我的教學只是給大家提供一些簡單實用的小技巧,而並非網頁製作方面的專業講座。不過對於一些比較特殊的文字效果或編排方式,我還是會及時將有關語法和程式碼提供給大家。

下面就給大家介紹我在日誌中展示過的三種彩色文字效果的相關語法:

陰影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 20pt; WIDTH: 100%"><B>日誌文字</B></FONT>

發光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 20pt; WIDTH: 100%"><B>日誌文字</B></FONT>

模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日誌文字</FONT>

三種效果的語法格式基本相同,只不過使用了不同的濾鏡內容。Color控制文字的顏色;Filter控制不同的濾鏡效果,其內部的具體參數,諸如陰影及發光的色彩、模糊的方向及強度都可以按照需要自由調整;注意各效果語法中Width這個參數,當你的字號大小有所變化的時候,你也需要相應調整此項值,否則會造成文字無法正常排列的結果。另外,模糊效果中的Add 意為是否保留原效果,取值為0 or 1,一般設為1即可。其他方面的參數沒有太多需要強調的,這裡之所以採用華文彩雲字體同時加粗,是為了達到更好的效果,你完全可以按照自己的喜好加以調整。需要說明的是,這幾種效果只適用於標題或少量文字上,否則後造成閱讀上的困難。


MSN Spaces 滾動文本框

滾動文本框

大篇幅的日誌會佔據頁面的大部分空間,從而影響整體的美觀性,而通過為其增加一個帶有捲軸的文本框,則能夠很好地解決上述問題。下面就是相關語法:

<DIV align=center
style='
color: #ffffff;
background-color: #000000;
border: solid 2px black;
width: 120px;
height: 200px;
overflow: scroll;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>日誌文字</DIV>

上述語法產生一個帶有黑色背景及灰藍色邊框的文本滾動框。語法裡的參數相當簡單,主要是控制不同部分的色彩,你可以做相應變化並在預覽中觀看實際效果。至於調整文本框的大小,你可以在插入此語法後結束HTML編輯模式,然後在日誌編輯頁面使用滑鼠直接進行調整。
隱藏文本滾動框:

1.將文本滾動框背景設定成透明色,即background-color:Transparent。

2.將文本滾動框的邊框值設定為0,即border: solid 0px。

3.將有關文本滾動框的各個組成部分的色彩均設為與日誌背景相同,即修改各參數的色彩值。但捲軸箭頭色彩,即scrollbar-arrow-color: 應不同的色彩值。
__________________
http://bbsimg.qianlong.com/upload/01/08/29/68/1082968_1136014649812.gif
psac 目前離線  
送花文章: 3, 收花文章: 1631 篇, 收花: 3205 次