擁有了背景色彩的日志顯得生動(dòng)活潑了許多,那么如何讓她更具特色呢?在這一章里我將向大家講述如何定制具有立體效果的背景樣式。
我們先從為日志文字添加帶有色彩的邊框說(shuō)起,因為其涉及到的CSS邊框屬性語(yǔ)法是以后制作立體效果邊框的基礎形式。請記住下面這段語(yǔ)法:
<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
它會(huì )在你的文字外圍生成一個(gè)紅色邊框,border-width控制邊框的粗細,border-color調整邊框的顏色,這里你仍然何以使用前文提到的形式如#xxxxxx的顏色數值,而border-style則控制邊框的效果,當使用“solid”則為單一顏色的線(xiàn)形簡(jiǎn)單邊框。
接下來(lái)我們再將上述語(yǔ)法擴展一下,就可以獲得具有立體效果的彩色邊框。那么從何下手呢?其實(shí)就是在border-style后面使用不同的語(yǔ)法描述:
Solid 簡(jiǎn)單線(xiàn)形邊框 Double 簡(jiǎn)單雙線(xiàn)邊框 Groove 溝線(xiàn)立體效果邊框 Ridge 脊線(xiàn)立體效果邊框 Inset 嵌入線(xiàn)立體效果邊框 Outset 浮出線(xiàn)立體效果邊框
你可以在MSN Space日志中嘗試一下上面不同的語(yǔ)法,然后在預覽中觀(guān)看效果。
通過(guò)定制邊框的方法再將上一教程添加色彩的語(yǔ)法嵌套其中,你就可以創(chuàng )造出具有立體效果的彩色日志背景。
例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">日志文字
</div></div>
使用上述語(yǔ)法將會(huì )為你呈現一個(gè)黃底色紅邊框的浮出線(xiàn)效果背景,其實(shí)上述語(yǔ)法還有其他形式的簡(jiǎn)化寫(xiě)法,這里不再贅述,只采用上述較直接易理解形式。
對于背景邊框的四個(gè)邊你也可以按自己的需要進(jìn)行調整,以左邊框為例,你可以使用下述語(yǔ)法:
Border-left-style:solid (double, groove, ridge, inset, outset)定制邊框樣式
Border-left-color: #xxxxxx定制邊框顏色
Border-left-width: xpt 定制邊框粗細
其他三個(gè)邊框只要分別使用Right, Top, Bottom就可以了。將下面的語(yǔ)法放到你的日志中預覽一下,看一看是什么效果:
<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366">
你可以按照自己的想法隨意調整四個(gè)邊框的式樣,以便創(chuàng )造與眾不同的效果,記住一點(diǎn),不同的屬性描述之間用 ; 隔開(kāi)。另外,你可能會(huì )注意到,當你設置完邊框返回到日志文本編輯模式,在鍵入文字過(guò)程中如果使用回車(chē)鍵,就會(huì )又出現一個(gè)邊框,從而影響文字的連貫性,這是因為HTML語(yǔ)法中不支持硬回車(chē)。要解決這個(gè)問(wèn)題,必須返回到HTML編輯模式,在需要回車(chē)的地方鍵入<br>,需要幾次回車(chē)就鍵入幾個(gè)<br>,然后再返回到文本編輯模式,你就會(huì )發(fā)現邊框背景內已經(jīng)為你加入了回車(chē)后的效果。
MSN Space進(jìn)階技巧—第四講 如何添加背景音樂(lè )
如何在自己MSN Space的日志中加入音頻和視頻是目前許多朋友關(guān)注的問(wèn)題,畢竟擁有聲光效果的頁(yè)面即能娛人也能悅己。記得剛入Space的時(shí)候,一方面為它的簡(jiǎn)單實(shí)用而折服,另一方面又為它提供的少得可憐的個(gè)性化設置而煩惱,初期只是簡(jiǎn)單地寫(xiě)寫(xiě)字,上傳些照片,后來(lái)學(xué)會(huì )了貼圖都覺(jué)得興奮不已??纯雌渌鸅log空間五彩繽紛的樣子,真的是羨慕不已。Space留給我們的發(fā)揮空間就真的如此有限嗎?事實(shí)當然并非如此,無(wú)論微軟是有意還是無(wú)意,她仍然在這里給了我們展示個(gè)性的可能,只是這種可能要靠大家自己去發(fā)現。好了,廢話(huà)少說(shuō),進(jìn)入正題!
先介紹如何添加音頻,也就是為我們的日志加入背景音樂(lè )。目前Space上比較流行的做法是利用MS Frontpage,這對于手頭沒(méi)有該款網(wǎng)頁(yè)編輯軟件的朋友當然不是一個(gè)好消息。通過(guò)分析其語(yǔ)法格式,我發(fā)現了更為簡(jiǎn)便的辦法,不需動(dòng)用上述軟件即可實(shí)現音頻的加入??紤]到有些朋友對第一種方式可能也會(huì )感興趣,因此一并將兩種方法介紹如下:
1. MS Frontpage方式
首先在網(wǎng)上搜索你需要的音樂(lè ),這里推薦使用WMA格式的文件,因為它體積相對較小,因此會(huì )獲得比較快的載入速度。你需要獲取該文件的確切鏈接地址,格式形如:
http://www.xxx.com/xxx.wma,某些在線(xiàn)播放的音樂(lè )不會(huì )直接顯示鏈接地址,如何獲取之,請通過(guò)Google等搜索引擎查詢(xún)相關(guān)技巧。當然最滿(mǎn)意的是你自己擁有主頁(yè)空間,這樣你就可以把心儀的歌曲上傳到那里,而且不用擔心以后會(huì )出現因為鏈接失效而造成Space背景音樂(lè )無(wú)法載入的情況。有了鏈接地址后,運行MS Frontpage,新建一個(gè)文件,然后在頁(yè)面中插入圖片,圖片建議越小越好。然后用鼠標右鍵單擊該圖片,選擇“圖片屬性”,在彈出的對話(huà)框中選擇“視頻”選項,將剛剛獲取的音頻文件的鏈接粘貼到“視頻源”一欄,然后設置“重復”選項中的“循環(huán)次數”,這里依你自己的喜好加以選擇?!伴_(kāi)始”選項中的設置不用管它,留空即可,最后點(diǎn)擊“確定”。Frontpage會(huì )用一段時(shí)間獲取你的視頻源,時(shí)間長(cháng)短依據你的音頻文件的大小。這時(shí)你會(huì )發(fā)現原來(lái)插入的圖片縮成了一個(gè)小圖標,用鼠標右鍵單擊它,然后點(diǎn)擊“復制”?;氐侥愕腟pace空間,新建一篇日志,或打開(kāi)你想添加背景音樂(lè )的日志,將光標移至空白處,然后用IE瀏覽器“編輯”菜單里的“粘貼”命令或CTRL+V快捷鍵,將你剛才復制的內容粘貼于此。正常的話(huà),你不會(huì )看到任何粘貼的內容,再稍等一些時(shí)間,無(wú)須打開(kāi)日志預覽,你就可以聽(tīng)到背景音樂(lè )了。剩下的事,當然就是發(fā)布你的大作了。
2. Loadmemory簡(jiǎn)單語(yǔ)法方式
通過(guò)上述方法插入背景音樂(lè ),總的來(lái)說(shuō)并不繁瑣,但對于沒(méi)有MS Frontpage以及對MS系列產(chǎn)品過(guò)敏的朋友該怎么解決這個(gè)問(wèn)題呢。通過(guò)分析上述操作的源代碼及語(yǔ)法格式,我發(fā)現了更為簡(jiǎn)便的方法,只需插入一個(gè)極簡(jiǎn)單的語(yǔ)法句子,就可快速實(shí)現背景音樂(lè )的加入。請大家記住下面這個(gè)語(yǔ)法:
<P><IMG height=0 loop=infinite dynsrc=音頻文件鏈接地址 width=0 border=0></P>
此段語(yǔ)法中唯一需要你更改的就是Loop,它控制循環(huán)播放的次數,當為infinite時(shí)是無(wú)限循環(huán),為0時(shí)是不循環(huán),其他循環(huán)次數只需鍵入相應數字即可。
在你的日志編輯頁(yè)面,首先點(diǎn)擊前文提到的“Edit It”按鈕,進(jìn)入HTML語(yǔ)法編輯模式,然后勾選Use HTML to Create Your Page,在空白處插入上述語(yǔ)法就可以了。由于需要載入時(shí)間,因此當你點(diǎn)擊日志預覽的時(shí)候,可能需要等待一會(huì )才能聽(tīng)到音樂(lè )。
MSN Space進(jìn)階技巧—第五講 如何添加視頻
我要我的日志有聲有色,不少在MSN Space安家的朋友都有這個(gè)想法。畢竟“聲情并茂”的頁(yè)面會(huì )吸引不少關(guān)注。上一章里我們了解了如何加入背景音樂(lè ),接下來(lái)我們看看怎樣在日志中放入視頻片斷。
也是偶然的機會(huì ),我發(fā)現某些網(wǎng)站提供所謂的Music Video Code,選中自己需要的視頻,再設定幾個(gè)簡(jiǎn)單參數,網(wǎng)站就會(huì )即時(shí)為你生成一段代碼,這段代碼可用于自己的網(wǎng)頁(yè)或Blog,從而實(shí)現實(shí)時(shí)播放的效果。當時(shí)我就產(chǎn)生了要在MSN Space中嘗試的念頭,但幾經(jīng)試驗都不成功。后來(lái)我將一段視頻拷貝到Dreamweaver網(wǎng)頁(yè)編輯器中,查看了一下它的源代碼,稍微做了一下修改,然后在IE中預覽,再將預覽頁(yè)面里的視頻加以復制,粘貼到日志里,沒(méi)想到竟然成功了!不過(guò)這種做法比較繁瑣,在此不再詳述了。
我要為大家介紹的是一種更為簡(jiǎn)便的方法,它的靈感也來(lái)自于背景音樂(lè )的語(yǔ)法格式。實(shí)際通過(guò)上一個(gè)教程大家就可以了解到,圖片“屬性設置”里的“視頻源”選項起到了關(guān)鍵作用,那么既然它叫做“視頻”源,我們又成功地用它實(shí)現了音樂(lè )的載入,那理所當然就可以加入視頻了。本著(zhù)這個(gè)思路,我將語(yǔ)法中的音樂(lè )文件改為asf流媒體文件的鏈接,然后又調整了語(yǔ)法中IMG的寬度和高度,在Space的日志中一試即告成功,同時(shí)利用Loop參數也解決了以往不能循還播放的問(wèn)題。
看到這你會(huì )恍然大悟,原來(lái)這么簡(jiǎn)單!是啊,其實(shí)就是這么簡(jiǎn)單!所以,如何加入視頻,就和上一章介紹的加入背景音樂(lè )一樣可以通過(guò)兩種方式實(shí)現,一是利用MS Frontpage,二是使用我提供給你的下面這段語(yǔ)法:
<P><IMG height=150px width=150px loop=infinite dynsrc=流媒體文件鏈接></P>
IMG后的Height和Width分別控制視頻畫(huà)面的高度和寬度,你可以根據需要自行調整,如果這里你都設置成0的話(huà),那么就只有音樂(lè )看不到圖像,這也等同于插入背景音樂(lè )的效果。Loop控制循環(huán)次數,用法可參見(jiàn)上一章的描述。
對于頁(yè)面中視頻位置的控制,可以使用日志編輯器里簡(jiǎn)單命令,另外也可通過(guò)加入下述語(yǔ)法實(shí)現視頻與文字的完美結合。舉例如下:
align=left 文字置于視頻的右邊,并與其緊密結合
align=right文字置于視頻的右邊,并與其緊密結合
align=top 文字隊齊視頻頂端
align=middle 文字隊齊視頻中部
align=bottom 文字隊齊視頻底端
這里關(guān)鍵是流媒體文件的獲取,正常的流媒體文件以asf,wmv,或mov等為后綴,這是最直接的形式;也有以asx為后綴的,這種文件格式隱藏了流媒體的真正地址,但沒(méi)有關(guān)系,你一樣可以將帶有asx后綴的鏈接放到你的語(yǔ)法中。目前網(wǎng)上多數流媒體文件都隱藏了其鏈接,很難通過(guò)直接的方法來(lái)查看,有關(guān)這方面的破解技巧網(wǎng)上多有提供,大家可以試試。
MSN Space進(jìn)階技巧—第六講 添加計數器和MSN在線(xiàn)狀態(tài)指示器
計數器和MSN在線(xiàn)狀態(tài)指示器是兩個(gè)比較實(shí)用的工具,通過(guò)前者你可以了解自己空間的受歡迎程度,而后者又為來(lái)訪(fǎng)者提供了你目前的在線(xiàn)信息,方便好友與你及時(shí)聯(lián)系。為日志加入這兩項功能的前提是你必須已經(jīng)安裝了HTML語(yǔ)法擴展編輯工具,也就是你的IE瀏覽器工具欄里已經(jīng)擁有了“Edit It”按鈕。如何獲取此項功能,我已經(jīng)在教程的你一章作了詳細介紹,這里不再贅述。
先說(shuō)說(shuō)添加計數器。如果只是在日志中顯示來(lái)訪(fǎng)總數,那么申請一個(gè)簡(jiǎn)單的計數器即可,提供這種服務(wù)的網(wǎng)站很多,你在搜索引擎中鍵入“Free Web Counter”會(huì )查找到很多結果,這里我個(gè)人推薦http://www.amazingcounters.com/。這個(gè)網(wǎng)站提供350多種計數器,款式繁雜,花色多樣,絕對滿(mǎn)足你的需要。申請時(shí)需要注冊,但過(guò)程很簡(jiǎn)單,一般只需要提供少量的個(gè)人信息即可。注冊成功后你就可以選擇心儀的計數器了,然后再輸入你個(gè)人網(wǎng)站的信息,你將獲得一段在線(xiàn)生成的HTML頁(yè)面的代碼。某些網(wǎng)站還會(huì )提供給你簡(jiǎn)單的在線(xiàn)編輯功能,讓你進(jìn)一步對計數器的外觀(guān)作簡(jiǎn)單的修改,以更好的適合你的需要。將獲取的代碼拷貝,然后轉到你需要插入計數器的MSN Space日志,點(diǎn)擊“Edit It”按鈕,進(jìn)入HTML語(yǔ)法編輯狀態(tài),將剛才獲取的代碼粘貼到空白處,再退出HTML編輯狀態(tài),在日志文本處理模式下調整計數器的位置。由于MSN Space空間沒(méi)有提供置頂功能,因此你必須經(jīng)常調整計數器的位置,將它始終放置在首頁(yè)的日志中(最好是第一篇日志)。方便起見(jiàn),你可以將計數器的源代碼拷貝到文本文件中,以后調整時(shí)將它簡(jiǎn)單粘貼過(guò)來(lái)就可以了。
如果你想獲得有關(guān)你的空間流量的具體信息,諸如單位時(shí)間內的訪(fǎng)問(wèn)量,來(lái)訪(fǎng)者停留時(shí)間,來(lái)訪(fǎng)者IP及所在國家等等眾多專(zhuān)業(yè)統計結果,上述網(wǎng)站就不能滿(mǎn)足你的需要了。推薦你到這個(gè)網(wǎng)站申請此項服務(wù):http://www.statcounter.com/,它提供了極其強大且穩定可靠的統計功能,幾乎面面俱到(至少對于我們這個(gè)水平是足夠了),而且眾多信息均以圖形或表格的方式予以呈現,直觀(guān)明了(Tucow五星推薦)。所有這些服務(wù)均為免費,除非你的月訪(fǎng)問(wèn)量超過(guò)20萬(wàn)。唯一的缺點(diǎn)就是提供的計數器樣式過(guò)于簡(jiǎn)單,可供選擇的余地也不大。。它的申請過(guò)程很簡(jiǎn)單,成功后會(huì )先讓你選擇計數器樣式(你可以進(jìn)行簡(jiǎn)單的定值),然后設定某些參數,諸如通過(guò)Cookie功能將你自己的登陸排除在統計數字之外等,之后你可以在Install Code頁(yè)面獲取HTML代碼,需要注意的是,它會(huì )為不同類(lèi)型的頁(yè)面生成不同的代碼,因此你要在“Statcounter Code Option”里選擇“Html Only Code”,通過(guò)這個(gè)命令生成的代碼才可用于MSN Space,獲取代碼后的操作就和上面已降解的方式一樣了。由于是海外的服務(wù)商,所以頁(yè)面信息全部是英文,這對于不諳E文的朋友可能有些麻煩。
申請MSN在線(xiàn)狀態(tài)指示器也很簡(jiǎn)單,到下面這個(gè)網(wǎng)站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜單里選擇MSN,當然如果你有Yahoo,或AOL等提供的及時(shí)通訊工具,也可以為其申請相應的指示器。輸入你的MSN Messenger用戶(hù)名,網(wǎng)站很快會(huì )為你生成一段代碼,這段代碼顯示的是一個(gè)圖標,通過(guò)其顏色的變化來(lái)顯示你的Messenger的不同狀態(tài),直接將此代碼按上述方法添加到日志中就可以了。有兩個(gè)問(wèn)題需要注意:該狀態(tài)指示不會(huì )實(shí)時(shí)更新,它顯示的狀態(tài)是訪(fǎng)問(wèn)者登陸你的空間時(shí)你的在線(xiàn)狀態(tài),如果你在此期間上線(xiàn)或離線(xiàn),指示器不會(huì )實(shí)時(shí)同步做出反應,除非刷新頁(yè)面才會(huì )看出變化。另外顯示的狀態(tài)和真實(shí)狀態(tài)可能會(huì )有稍許延遲,但不嚴重。還有一種情況也可能會(huì )發(fā)生,就是服務(wù)商的Server關(guān)機,那么指示器就無(wú)法正確顯示任何狀態(tài)了。
MSN Space進(jìn)階技巧—第七講 文字光影效果及滾動(dòng)文本框(外加文字豎排版)
有關(guān)文字方面的處理,MSN Space提供了最基本的幾個(gè)格式化命令,再加上我們的擴展編輯工具,在應付一般的文字編排上應該是綽綽有余了。如果還想獲得更多的效果,尤其是在文字排版方面,大家可以參考相應的HTML及CSS中有關(guān)文字處理的介紹,在這里就不做講解了,畢竟我的教程只是給大家提供一些簡(jiǎn)單實(shí)用的小技巧,而并非網(wǎng)頁(yè)制作方面的專(zhuān)業(yè)講座。不過(guò)對于一些比較特殊的文字效果或編排方式,我還是會(huì )及時(shí)將有關(guān)語(yǔ)法和代碼提供給大家。
(注:下述語(yǔ)法的使用,仍然是通過(guò)HTML語(yǔ)言編輯模式來(lái)實(shí)現,有關(guān)如何獲取HTML擴展功能,請參見(jiàn)本教程第一章)
下面就給大家介紹我在日志中展示過(guò)的三種彩色文字效果的相關(guān)語(yǔ)法:
陰影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 華文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
發(fā)光:<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>
三種效果的語(yǔ)法格式基本相同,只不過(guò)使用了不同的濾鏡屬性。Color控制文字的顏色;Filter控制不同的濾鏡效果,其內部的具體參數,諸如陰影及發(fā)光的色彩、模糊的方向及強度都可以按照需要自由調整;注意各效果語(yǔ)法中Width這個(gè)參數,當你的字號大小有所變化的時(shí)候,你也需要相應調整此項值,否則會(huì )造成文字無(wú)法正常排列的結果。另外,模糊效果中的Add 意為是否保留原效果,取值為0 or 1,一般設為1即可。其他方面的參數沒(méi)有太多需要強調的,這里之所以采用華文彩云字體同時(shí)加粗,是為了達到更好的效果,你完全可以按照自己的喜好加以調整。需要說(shuō)明的是,這幾種效果只適用于標題或少量文字上,否則后造成閱讀上的困難。
大篇幅的日志會(huì )占據頁(yè)面的大部分空間,從而影響整體的美觀(guān)性,而通過(guò)為其添加一個(gè)帶有滾動(dòng)條的文本框,則能夠很好地解決上述問(wèn)題。下面就是相關(guān)語(yǔ)法:
<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>
上述語(yǔ)法生成一個(gè)帶有黑色背景及灰藍色邊框的文本滾動(dòng)框。語(yǔ)法里的參數相當簡(jiǎn)單,主要是控制不同部分的色彩,你可以做相應變化并在預覽中觀(guān)看實(shí)際效果。至于調整文本框的大小,你可以在插入此語(yǔ)法后退出HTML編輯模式,然后在日志編輯頁(yè)面使用鼠標直接進(jìn)行調整。
接下來(lái)說(shuō)說(shuō)文字豎排是如何實(shí)現的。除了制造特殊效果,我在Space空間展示的文字豎排沒(méi)有什么真正的實(shí)用性,只會(huì )給閱讀者造成麻煩,不過(guò)本著(zhù)盡可能挖掘Space潛力的原則,我還是嘗試了如下的語(yǔ)法:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>
這個(gè)語(yǔ)法中唯一的亮點(diǎn)就是Writing-Mode這個(gè)參數,其后的tb代表文字排列從上到下,rl代表從右到左。
MSN Space進(jìn)階技巧—第八講 為日志添加背景圖片
一篇精彩的日志文章再配上一幅貼切主體的背景畫(huà)面一定會(huì )帶來(lái)不同凡響的效果。不知道為什么微軟沒(méi)有考慮到用戶(hù)這么基本的需求,以至于大家為此費了不少心力。以前我也嘗試過(guò)用若干語(yǔ)法來(lái)解決這個(gè)問(wèn)題,但都沒(méi)有實(shí)現。后來(lái)因為回國,天天在現實(shí)生活中摸爬滾打,一個(gè)多月的時(shí)間沒(méi)有再思考網(wǎng)絡(luò )社會(huì )里的這些問(wèn)題?;氐降聡?,難得一兩天清閑,就又想起了添加背景這檔子事,把相關(guān)語(yǔ)法逐一試了一遍,終于找到了解決辦法。隨后又在Space空間閑逛的時(shí)候發(fā)現有些朋友早就實(shí)現了這一功能,遂將自己的與旁人的經(jīng)驗加以總結,寫(xiě)了這篇教程。
仍然像以往一樣,在這里我們不過(guò)多地探討實(shí)現這一功能所涉及的語(yǔ)法命令,這樣過(guò)于繁瑣,也沒(méi)有太多現實(shí)意義。我僅將具體應用時(shí)所需要的語(yǔ)法列出來(lái),再對幾個(gè)重要參數加以說(shuō)明。
首先進(jìn)入正常日志編輯模式,鍵入你所需的日志內容,并視個(gè)人需要進(jìn)行排版編輯。然后點(diǎn)擊“Edit It”按鈕,進(jìn)入HTML語(yǔ)法編輯模式,并勾選下面的“使用HTML格式建立網(wǎng)頁(yè)”。
將下列語(yǔ)法粘貼至你的編輯頁(yè)面內頂端:
<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>
再將你剛剛編輯好的文字內容(注意,除了文字內容可能還會(huì )包含你進(jìn)行格式編排后的若干語(yǔ)法語(yǔ)句)剪切并粘貼到上面語(yǔ)法中的“你的日志文字”的位置。
下面簡(jiǎn)要介紹一下上面語(yǔ)法中的兩行主要命令語(yǔ)句的含義:
<IMG src=…….>控制日志中的背景圖片,圖片的寬度及高度值均以px為單位;align這一參數控制圖片位置,但不要對此進(jìn)行更改,否則無(wú)法實(shí)現文字浮于圖片之上的效果。Filter控制背景圖片的柔化濾鏡,大家可以修改其中的數值已達到不同的效果,但注意style的值只能取1,2,3這三個(gè)數值。除了柔化效果外,還有翻轉、發(fā)光、陰影等若干特效,但語(yǔ)法表述各有不同,在此不再贅述,有興趣的朋友可以在互聯(lián)網(wǎng)上查詢(xún)相關(guān)語(yǔ)法。在Space空間不同的布局方式下,日志寬度是不相同的,所以為了更好的配合日志的頁(yè)面效果,建議選擇合適寬度的圖片,具體可根據布局的實(shí)際情況(即日志的寬窄程度)將圖片寬度分別設定在260px、350px、370px、550px、730px左右的近似值。
<DIV style="FILTER…….>控制日志文字的若干效果,其中Filter命令的使用方法與前述一致,也是調節柔化效果。文本寬度也采取px為單位,其最大值也要參照上面不同布局方式時(shí)所要求的近似寬度值,如果你希望文字完全分布在整個(gè)日志頁(yè)面上,那么將WIDTH值設為100%即可。在設定了具體寬度的情況下Float命令可以省略,否則請予以保留。
有一個(gè)問(wèn)題需要注意,預覽中文字相對于背景圖片的位置往往與最終顯示在日志中的位置不一樣,這還需要你返回到該日志進(jìn)行進(jìn)一步的修改,這確實(shí)需要一些耐心,但相信經(jīng)過(guò)一段時(shí)間的實(shí)際應用,你會(huì )總結出一些經(jīng)驗技巧的。
聯(lián)系客服