當前位置:編程學習大全網 - 源碼下載 - 找MSN達人教我制作空間

找MSN達人教我制作空間

MSN Space 進階技巧系列教程

Space 的進階教程正式出爐了,先聲名壹下:本人對IT專業並不在行,只是出於愛好喜歡擺弄這些,有時偶爾悟出點門道沾沾自喜之,還請真正的高手莫見笑!我的教程不會側重於技術上的分析,只是些“實用”的小把戲,很適合懶得在技術上走心思的朋友。教程分幾個章節,由於精力有限只能逐壹貼出,望心急的朋友莫怪!另外,教程內容我將統壹放在臨時的網頁空間內,原因是考慮有的文章篇幅過長,放在Space上會影響空間整體的美觀性,對於由此給某些朋友帶來的不便,還請諒解!大家對教程裏涉及的內容有何疑問或建議,請發表在這篇日誌的評論裏,謝謝!

MSN Space進階技巧---第壹講 初期準備

不少朋友已經發現,MSN Space對HTML語言具有相當強大的支持能力。雖然處理日誌時,MSN Space只提供給大家簡單的幾個文字處理功能,但如果妳事先在網頁編輯器中對文字圖片作預先處理,那麽通過簡單的拷貝粘貼後便能讓妳的日誌看上去更生動活潑。其實這些都是通過相應的頁面語言實現的。大家也許覺得每次都得用網頁編輯器處理這些簡單的文字有點大材小用,而且在不同頁面間轉來轉去頗有些費神,那麽我告訴妳壹個好的方法,為妳的MSN Space添加更多的文字編輯功能,同時也讓妳擁有直接在日誌編輯頁面中處理HTML語言的能力。可以說這是為以後諸如添加計數器等功能作壹良好鋪墊。如何添加?請往下看:

首先確認妳的IE瀏覽器工具欄中是否有“鏈接(Link)”這壹項,如果沒有,那麽點擊“查看”菜單,在“工具欄”選項中將“鏈接(Link)”挑上勾。然後訪問下面這個網站

/blogging/editit.htm

妳會發現頁面中有壹個“Edit It”鏈接,用鼠標右鍵點擊這個鏈接,然後將其添加到收藏夾內,記著壹定要放到“鏈接(Link)”這個文件夾中。按照上述操作後,妳會在妳的“鏈接(Link)”工具欄內看到壹個“Edit It”的鏈接圖標。

現在這個步驟已經不壹定需要,因為M公司已經新增加了HTML功能了。

Ok,到妳的MSN Space中新添加壹篇日誌,輸入文字前,點擊“Edit It”,看壹看編輯工具欄是不是多出了幾個圖標,剪切、復制、粘貼、字形、字號都有了,再配合原來的加粗、斜體、文字顏色等,處理文本應該綽綽有余了。

再看下面,還多出了這麽壹個選項

Use HTML to create your page. - Edit the HTML formatting commands directly

點選後妳就能進行頁面語言編輯了,諸如添加背景顏色,設置背景樣式等都可以通過它來完成了。

MSN Space進階技巧---第二講 繽紛背景

MSN Space中日誌的背景顏色隨不同的模版類型而有所變化,但並不提供給用戶自定義背景顏色的功能,但我們可以通過編輯HTML語言的方式來實現這壹目的,讓日誌隨我們的心情而變換不同的色彩。

編輯日誌之前,先點擊上壹講提到的那個“Edit It”按鈕,然後選取編輯區域下方的HTML語法編輯選項,即將Use HTML to create your page選項挑上勾,此時即進入HTML編輯狀態,妳會看到頁面上有如下標記<p></p>。將下列語句放置到編輯頁面中:

<div style="width:100%;height:100%;background-color:#990000;"></div>

註意,這裏需要妳略微調整壹下,將<p></p>嵌套在這壹語句中,即如下形式:

<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>

在<p>和</p>之間試著打幾個字,然後點擊預覽日誌,可以看到日誌的背景顏色已經改變。當妳想更改不同色彩的時候,只需將#990000這個顏色編碼的數值加以調整就行了(註意不要丟了這個符號#)。如何獲取自己心儀的色彩的數值呢?如果妳手頭有圖形處理軟件或網頁編輯軟件,使用裏面的調整色彩功能,都會獲取相應的數值。另外妳也可以參考我提供色版。

在HTML編輯狀態妳會發現,文本編輯按鈕都消失了,這種情況下處理起文字來可是有些困難,當然對高手來說,區區幾個語句就能解決問題,但我們普通大眾可沒這本事和耐心。怎麽辦?好辦!將Use HTML to create your page選項前的勾勾挑下去,即取消HTML語法編輯狀態就可以了。這時妳會發現,我們重新進入了文本編輯模式,但這裏已不是壹片空白,而是多了壹個色塊,在色塊內雙擊鼠標,下面對文字的編輯就是輕車熟路了。

壹個色彩還不夠豐富,我想要五顏六色的生活!沒問題,重新回到HTML語法編輯狀態,在妳想使用其他色彩的文字前再加入上面HTML語句,然後調整色彩值。這裏還需註意兩點:壹是仍然註意要把文字部分嵌套在上述語句中,二是為達到最佳效果必須調整提供不同色彩的HTML語句中的高度比值,至於什麽值比較合適,就得根據文字內容的長短了,妳可以邊調整,邊預覽之。

MSN Space進階技巧---第三講 立體彩色邊框

擁有了背景色彩的日誌顯得生動活潑了許多,那麽如何讓她更具特色呢?在這壹章裏我將向大家講述如何定制具有立體效果的背景樣式。

我們先從為日誌文字添加帶有色彩的邊框說起,因為其涉及到的CSS邊框屬性語法是以後制作立體效果邊框的基礎形式。請記住下面這段語法:

<div STYLE="border-style:solid;border-width:5pt; border-color:red">日誌文字</div>

它會在妳的文字外圍生成壹個紅色邊框,border-width控制邊框的粗細,border-color調整邊框的顏色,這裏妳仍然何以使用前文提到的形式如#xxxxxx的顏色數值,而border-style則控制邊框的效果,當使用“solid”則為單壹顏色的線形簡單邊框。

接下來我們再將上述語法擴展壹下,就可以獲得具有立體效果的彩色邊框。那麽從何下手呢?其實就是在border-style後面使用不同的語法描述:

Solid 簡單線形邊框 Double 簡單雙線邊框 Groove 溝線立體效果邊框 Ridge 脊線立體效果邊框 Inset 嵌入線立體效果邊框 Outset 浮出線立體效果邊框

妳可以在MSN Space日誌中嘗試壹下上面不同的語法,然後在預覽中觀看效果。

通過定制邊框的方法再將上壹教程添加色彩的語法嵌套其中,妳就可以創造出具有立體效果的彩色日誌背景。

例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">

<div style="width:100%;height:100%;background-color:#ffff00;">日誌文字

</div></div>

使用上述語法將會為妳呈現壹個黃底色紅邊框的浮出線效果背景,其實上述語法還有其他形式的簡化寫法,這裏不再贅述,只采用上述較直接易理解形式。

對於背景邊框的四個邊妳也可以按自己的需要進行調整,以左邊框為例,妳可以使用下述語法:

Border-left-style:solid (double, groove, ridge, inset, outset)定制邊框樣式

Border-left-color: #xxxxxx定制邊框顏色

Border-left-width: xpt 定制邊框粗細

其他三個邊框只要分別使用Right, Top, Bottom就可以了。將下面的語法放到妳的日誌中預覽壹下,看壹看是什麽效果:

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;

border-bottom-style:outset;background-color:#cc3366">

妳可以按照自己的想法隨意調整四個邊框的式樣,以便創造與眾不同的效果,記住壹點,不同的屬性描述之間用 ; 隔開。另外,妳可能會註意到,當妳設置完邊框返回到日誌文本編輯模式,在鍵入文字過程中如果使用回車鍵,就會又出現壹個邊框,從而影響文字的連貫性,這是因為HTML語法中不支持硬回車。要解決這個問題,必須返回到HTML編輯模式,在需要回車的地方鍵入<br>,需要幾次回車就鍵入幾個<br>,然後再返回到文本編輯模式,妳就會發現邊框背景內已經為妳加入了回車後的效果。

MSN Space進階技巧---第四講 如何添加背景音樂

如何在自己MSN Space的日誌中加入音頻和視頻是目前許多朋友關註的問題,畢竟擁有聲光效果的頁面即能娛人也能悅己。記得剛入Space的時候,壹方面為它的簡單實用而折服,另壹方面又為它提供的少得可憐的個性化設置而煩惱,初期只是簡單地寫寫字,上傳些照片,後來學會了貼圖都覺得興奮不已。看看其他Blog空間五彩繽紛的樣子,真的是羨慕不已。Space留給我們的發揮空間就真的如此有限嗎?事實當然並非如此,無論微軟是有意還是無意,她仍然在這裏給了我們展示個性的可能,只是這種可能要靠大家自己去發現。好了,廢話少說,進入正題!

先介紹如何添加音頻,也就是為我們的日誌加入背景音樂。目前Space上比較流行的做法是利用MS Frontpage,這對於手頭沒有該款網頁編輯軟件的朋友當然不是壹個好消息。通過分析其語法格式,我發現了更為簡便的辦法,不需動用上述軟件即可實現音頻的加入。考慮到有些朋友對第壹種方式可能也會感興趣,因此壹並將兩種方法介紹如下:

1. MS Frontpage方式

首先在網上搜索妳需要的音樂,這裏推薦使用WMA格式的文件,因為它體積相對較小,因此會獲得比較快的載入速度。妳需要獲取該文件的確切鏈接地址,格式形如:

/xxx.wma,某些在線播放的音樂不會直接顯示鏈接地址,如何獲取之,請通過Google等搜索引擎查詢相關技巧。當然最滿意的是妳自己擁有主頁空間,這樣妳就可以把心儀的歌曲上傳到那裏,而且不用擔心以後會出現因為鏈接失效而造成Space背景音樂無法載入的情況。有了鏈接地址後,運行MS Frontpage,新建壹個文件,然後在頁面中插入圖片,圖片建議越小越好。然後用鼠標右鍵單擊該圖片,選擇“圖片屬性”,在彈出的對話框中選擇“視頻”選項,將剛剛獲取的音頻文件的鏈接粘貼到“視頻源”壹欄,然後設置“重復”選項中的“循環次數”,這裏依妳自己的喜好加以選擇。“開始”選項中的設置不用管它,留空即可,最後點擊“確定”。Frontpage會用壹段時間獲取妳的視頻源,時間長短依據妳的音頻文件的大小。這時妳會發現原來插入的圖片縮成了壹個小圖標,用鼠標右鍵單擊它,然後點擊“復制”。回到妳的Space空間,新建壹篇日誌,或打開妳想添加背景音樂的日誌,將光標移至空白處,然後用IE瀏覽器“編輯”菜單裏的“粘貼”命令或CTRL+V快捷鍵,將妳剛才復制的內容粘貼於此。正常的話,妳不會看到任何粘貼的內容,再稍等壹些時間,無須打開日誌預覽,妳就可以聽到背景音樂了。剩下的事,當然就是發布妳的大作了。

2. Loadmemory簡單語法方式

通過上述方法插入背景音樂,總的來說並不繁瑣,但對於沒有MS Frontpage以及對MS系列產品過敏的朋友該怎麽解決這個問題呢。通過分析上述操作的源代碼及語法格式,我發現了更為簡便的方法,只需插入壹個極簡單的語法句子,就可快速實現背景音樂的加入。請大家記住下面這個語法:

<P><IMG height=0 loop=infinite dynsrc=音頻文件鏈接地址 width=0 border=0></P>

此段語法中唯壹需要妳更改的就是Loop,它控制循環播放的次數,當為infinite時是無限循環,為0時是不循環,其他循環次數只需鍵入相應數字即可。

在妳的日誌編輯頁面,首先點擊前文提到的“Edit It”按鈕,進入HTML語法編輯模式,然後勾選Use HTML to Create Your Page,在空白處插入上述語法就可以了。由於需要載入時間,因此當妳點擊日誌預覽的時候,可能需要等待壹會才能聽到音樂。

MSN Space進階技巧---第五講 如何添加視頻

我要我的日誌有聲有色,不少在MSN Space安家的朋友都有這個想法。畢竟“聲情並茂”的頁面會吸引不少關註。上壹章裏我們了解了如何加入背景音樂,接下來我們看看怎樣在日誌中放入視頻片斷。

也是偶然的機會,我發現某些網站提供所謂的Music Video Code,選中自己需要的視頻,再設定幾個簡單參數,網站就會即時為妳生成壹段代碼,這段代碼可用於自己的網頁或Blog,從而實現實時播放的效果。當時我就產生了要在MSN Space中嘗試的念頭,但幾經試驗都不成功。後來我將壹段視頻拷貝到Dreamweaver網頁編輯器中,查看了壹下它的源代碼,稍微做了壹下修改,然後在IE中預覽,再將預覽頁面裏的視頻加以復制,粘貼到日誌裏,沒想到竟然成功了!不過這種做法比較繁瑣,在此不再詳述了。

我要為大家介紹的是壹種更為簡便的方法,它的靈感也來自於背景音樂的語法格式。實際通過上壹個教程大家就可以了解到,圖片“屬性設置”裏的“視頻源”選項起到了關鍵作用,那麽既然它叫做“視頻”源,我們又成功地用它實現了音樂的載入,那理所當然就可以加入視頻了。本著這個思路,我將語法中的音樂文件改為asf流媒體文件的鏈接,然後又調整了語法中IMG的寬度和高度,在Space的日誌中壹試即告成功,同時利用Loop參數也解決了以往不能循還播放的問題。

看到這妳會恍然大悟,原來這麽簡單!是啊,其實就是這麽簡單!所以,如何加入視頻,就和上壹章介紹的加入背景音樂壹樣可以通過兩種方式實現,壹是利用MS Frontpage,二是使用我提供給妳的下面這段語法:

<P><IMG height=150px width=150px loop=infinite dynsrc=流媒體文件鏈接></P>

IMG後的Height和Width分別控制視頻畫面的高度和寬度,妳可以根據需要自行調整,如果這裏妳都設置成0的話,那麽就只有音樂看不到圖像,這也等同於插入背景音樂的效果。Loop控制循環次數,用法可參見上壹章的描述。

對於頁面中視頻位置的控制,可以使用日誌編輯器裏簡單命令,另外也可通過加入下述語法實現視頻與文字的完美結合。舉例如下:

align=left 文字置於視頻的右邊,並與其緊密結合

align=right文字置於視頻的右邊,並與其緊密結合

align=top 文字隊齊視頻頂端

align=middle 文字隊齊視頻中部

align=bottom 文字隊齊視頻底端

這裏關鍵是流媒體文件的獲取,正常的流媒體文件以asf,wmv,或mov等為後綴,這是最直接的形式;也有以asx為後綴的,這種文件格式隱藏了流媒體的真正地址,但沒有關系,妳壹樣可以將帶有asx後綴的鏈接放到妳的語法中。目前網上多數流媒體文件都隱藏了其鏈接,很難通過直接的方法來查看,有關這方面的破解技巧網上多有提供,大家可以試試。

MSN Space進階技巧---第六講 添加計數器和MSN在線狀態指示器

MSN Space進階技巧---第六講 添加計數器和MSN在線狀態指示器

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

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

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

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

6月5日

MSN Space進階技巧---第七講 文字光影效果及滾動文本框(外加文字豎排版)

MSN Space進階技巧---第七講 文字光影效果及滾動文本框(外加文字豎排版)

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

(註:下述語法的使用,仍然是通過HTML語言編輯模式來實現,有關如何獲取HTML擴展功能,請參見本教程第壹章)

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

陰影:<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即可。其他方面的參數沒有太多需要強調的,這裏之所以采用華文彩雲字體同時加粗,是為了達到更好的效果,妳完全可以按照自己的喜好加以調整。需要說明的是,這幾種效果只適用於標題或少量文字上,否則後造成閱讀上的困難。

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

<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編輯模式,然後在日誌編輯頁面使用鼠標直接進行調整。

接下來說說文字豎排是如何實現的。除了制造特殊效果,我在Space空間展示的文字豎排沒有什麽真正的實用性,只會給閱讀者造成麻煩,不過本著盡可能挖掘Space潛力的原則,我還是嘗試了如下的語法:

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日誌文字</P></DIV>

這個語法中唯壹的亮點就是Writing-Mode這個參數,其後的tb代表文字排列從上到下,rl代表從右到左。

MSN Space進階技巧---第八講 為日誌添加背景圖片

MSN Space進階技巧---第八講 為日誌添加背景圖片

壹篇精彩的日誌文章再配上壹幅貼切主體的背景畫面壹定會帶來不同凡響的效果。不知道為什麽微軟沒有考慮到用戶這麽基本的需求,以至於大家為此費了不少心力。以前我也嘗試過用若幹語法來解決這個問題,但都沒有實現。後來因為回國,天天在現實生活中摸爬滾打,壹個多月的時間沒有再思考網絡社會裏的這些問題。回到德國後,難得壹兩天清閑,就又想起了添加背景這檔子事,把相關語法逐壹試了壹遍,終於找到了解決辦法。隨後又在Space空間閑逛的時候發現有些朋友早就實現了這壹功能,遂將自己的與旁人的經驗加以總結,寫了這篇教程。

仍然像以往壹樣,在這裏我們不過多地探討實現這壹功能所涉及的語法命令,這樣過於繁瑣,也沒有太多現實意義。我僅將具體應用時所需要的語法列出來,再對幾個重要參數加以說明。

首先進入正常日誌編輯模式,鍵入妳所需的日誌內容,並視個人需要進行排版編輯。然後點擊“Edit It”按鈕,進入HTML語法編輯模式,並勾選下面的“使用HTML格式建立網頁”。

將下列語法粘貼至妳的編輯頁面內頂端:

<IMG src="背景圖片鏈接地址" width=圖片寬度值 height=圖片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">

<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本寬度值">

<DIV style="LINE-HEIGHT: 行間距值(pt); LETTER-SPACING: 字符間距值(em)">

<P><FONT color=#ffffff size=2>妳的日誌文字</FONT></P>

</DIV></DIV>

再將妳剛剛編輯好的文字內容(註意,除了文字內容可能還會包含妳進行格式編排後的若幹語法語句)剪切並粘貼到上面語法中的“妳的日誌文字”的位置。

下面簡要介紹壹下上面語法中的兩行主要命令語句的含義:

<IMG src=…….>控制日誌中的背景圖片,圖片的寬度及高度值均以px為單位;align這壹參數控制圖片位置,但不要對此進行更改,否則無法實現文字浮於圖片之上的效果。Filter控制背景圖片的柔化濾鏡,大家可以修改其中的數值已達到不同的效果,但註意style的值只能取1,2,3這三個數值。除了柔化效果外,還有翻轉、發光、陰影等若幹特效,但語法表述各有不同,在此不再贅述,有興趣的朋友可以在互聯網上查詢相關語法。在Space空間不同的布局方式下,日誌寬度是不相同的,所以為了更好的配合日誌的頁面效果,建議選擇合適寬度的圖片,具體可根據布局的實際情況(即日誌的寬窄程度)將圖片寬度分別設定在260px、350px、370px、550px、730px左右的近似值。

<DIV style="FILTER…….>控制日誌文字的若幹效果,其中Filter命令的使用方法與前述壹致,也是調節柔化效果。文本寬度也采取px為單位,其最大值也要參照上面不同布局方式時所要求的近似寬度值,如果妳希望文字完全分布在整個日誌頁面上,那麽將WIDTH值設為100%即可。在設定了具體寬度的情況下Float命令可以省略,否則請予以保留。

有壹個問題需要註意,預覽中文字相對於背景圖片的位置往往與最終顯示在日誌中的位置不壹樣,這還需要妳返回到該日誌進行進壹步的修改,這確實需要壹些耐心,但相信經過壹段時間的實際應用,妳會總結出壹些經驗技巧的。

  • 上一篇:網站源代碼存儲
  • 下一篇:sql server management studio有哪些功能
  • copyright 2024編程學習大全網