博客背景網(wǎng)頁的兩種代碼,依靠這兩種代碼可以隨便修改任意一篇日志里的背景效果。把兩組代碼里的任意一種復(fù)制修改加入進(jìn)新日志的源碼模式內(nèi),就能覆蓋掉文學(xué)博客模板里設(shè)置的背景效果。
新版背景代碼:(<table>方法)
<table background="圖片地址" width="100%" height="高度" cellSpacing=0 cellPadding=0 border=0>
<tbody>
<tr>
<td valign=top>日志文字
</td>
</tr>
</tbody>
</table>
代碼中,白底紅字的部分是需要修改的,圖片地址不用說了吧?高度,可以改成 100% ,也可以改成以px為單位的值,即:400px ,500px ……等等。
舊版版背景代碼:( <DIV> 方法)
<DIV style="WIDTH: 日志寬度px" align=center>
<DIV style="WIDTH: 100%">
<IMG height=圖片高度 src="圖片地址" width=圖片寬度 align=right>
<DIV style="FLOAT: left; WIDTH: 文字內(nèi)容的寬度px; HEIGHT: 文字內(nèi)容的高度px" align=left>
日志文字
</DIV></DIV></DIV>
代碼中,白底紅字的部分是需要修改的,
- 首先,第一個(gè)日志寬度,不知道自己日志寬度的參考下面這個(gè)圖(用寬度為558的朋友注意,在中文和英文下,日志寬度會(huì)略有不同):
- <IMG>標(biāo)簽中的圖片寬度理論上自定的,但如果圖片太大了,就要把寬度設(shè)小一點(diǎn),小于日志寬度就可以了,同時(shí),高度也要按比例放小,想要做得精確點(diǎn),拿計(jì)算器算吧,不需要精確的話,寫個(gè)差不多的數(shù)就行,圖片地址不說了。
- 文字的寬度還是不要大于日志的寬度,文字高度自定
兩種方法到底用哪個(gè)?依情況而定,如果你選擇的背景圖的寬度小于你的日志寬度,推薦用<table>的方法,方便;如果背景圖寬度大于你的日志寬度,建議用第2種方法,否則用table的話,你的背景圖顯示不全。其他的注意事項(xiàng),大家慢慢摸索吧。
自從在用文學(xué)博客以后,我才知道原來博客也是可以增加代碼的。汗一個(gè)先,看了許多朋友對(duì)留言版以及文章內(nèi)貼圖的問題。偶有一些小小的解決方案,哈哈~~某貓研究代碼的成果,愿意與大家一起分享(雖然偶至今仍對(duì)自己寫代碼抱持敬而遠(yuǎn)之的態(tài)度,但是找代碼修改貌似還難不倒偶)。
首先是貼圖的,這個(gè)比較簡單,先見效果如下:http://blog.readnovel.com/blog/htm/do_showone/tid_248409.html
大家可以看到,我博客內(nèi)的一篇文章中,這個(gè)圖片沒有按照默認(rèn)變成小圖片,這個(gè)執(zhí)行非常簡單。只需要一條執(zhí)行這個(gè)效果的代碼,代碼如下:
<IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="圖片URL鏈接地址" border=0>
『注』:下面,我來說明一下怎樣插入代碼,以及代碼的改動(dòng)問題。
1、“SRC=”后邊代表的是圖片URL地址。我推薦的方法是先在網(wǎng)上選擇你喜歡的圖片,然后存到你的電腦里。接著把這張圖片放入你的網(wǎng)絡(luò)相冊(cè),然后選擇你圖片的頁面,鼠標(biāo)右鍵至屬性,即會(huì)出現(xiàn)“地址(URL):http://……”,而這就是所謂的“圖片URL鏈接地址”了。最后,用此地址替換上述代碼中所在的位置,代碼即算修改完成。
2、“border=”這個(gè)代表的是圖片的邊框粗細(xì)。如果你不需要在圖片外層再添加一層邊框,那么后邊的數(shù)字則不用修改,直接為“0”就可以了。“BORDER-XXX-COLOR”這四個(gè)應(yīng)該分別代表的是邊框的顏色。至于圖片的大小顯示修改,自然是在上述代碼中再添加“heigh=”和“width=”,分別為高度和寬度。等號(hào)后邊的數(shù)值越大,圖片就越長或越寬。
3、當(dāng)代碼全部修改好以后。把你修改的代碼復(fù)制粘貼到博客內(nèi)就搞定了。這里需要說明的是,粘貼代碼的位置是在新添文章的“所見所得”編輯器里的源碼模式。
·關(guān)于額外留言本。許多朋友,包括某貓偶自己也覺得留言和文章的評(píng)論最好分開為好。我上次胡逛別人的博客時(shí)看見一位朋友就有了妥善的解決方案。方法當(dāng)然也和代碼有所關(guān)聯(lián)。首先,我先把她的方法介紹給大家。
【方法(1)】——
1、步驟一,添加一篇日記文章。編寫題目與歡迎詞,也可以插入圖片等。
2、步驟二,在管理頁面內(nèi)添加一處分欄,分欄題目自定。在這里我暫時(shí)把這新增的分欄名默認(rèn)為“留言本”,以便于后文的文字陳述。
3、步驟三,把新贈(zèng)的文章加入到留言本這個(gè)分欄里。如此,一個(gè)簡單的留言本就完成了。它可以專門提供大家灌水,留下與你文章無關(guān)的言論。
·下面來介紹下我做留言本的方法。當(dāng)然,個(gè)人認(rèn)為自己的留言本是非常漂亮的,而且與添加分欄項(xiàng)目無關(guān),只是復(fù)雜了些許,它需要用到兩個(gè)代碼。我盡量把它們說的具體和明白點(diǎn)。
【方法(2)】——
1、步驟一,與方法(1)的步驟一沒有差別。
2、步驟二,在管理頁面中“修改個(gè)人設(shè)置”的“自我簡介”里,添加一組需修改的代碼。代碼如下:
<DIV style="RIGHT: 770px; POSITION: absolute; TOP: 292px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<A href="剛才添加的日志頁面地址"><STRONG><FONT color=#aaddff>小惡魔記事(公告留言簿)</FONT></STRONG></A>
</A></FONT></TD></TR></TBODY></TABLE></DIV>
『注』先別急著馬上插入代碼。代碼仍然需要修改后,才能插入。
1、首先,大家要記得千萬別動(dòng)代碼里的空行,不然在首頁里顯示出的東西就會(huì)有所出入。
2、第二,代碼里標(biāo)有“剛才添加的日志頁面地址”這個(gè)地址是文章頁面的地址。也就是說,你們所需要做的是把先前新添加的那篇日志的地址欄復(fù)制下來替換它。通常每篇日志的地址都有些微的差異,即使他們是在同一個(gè)博客里。而這個(gè)地址就位于游覽器的地址欄。
3、上述代碼的藍(lán)色數(shù)字,就是留言本鏈接在博客首頁里的顯示位置。“RIGHT:”和“TOP:”分別代表縱向坐標(biāo)和橫向坐標(biāo)。“RIGHT:”后邊數(shù)字越大,留言本鏈接顯示的位置越靠左。“TOP:”后邊的數(shù)值越大,鏈接位置越靠下。
4、代碼中“小惡魔記事(公告留言簿)”是代表留言本鏈接的文字,一般你給自己的留言本起了個(gè)什么樣的名字,只要照樣修改替換就成。漢字兩邊的粗體“<STRONG>和</STRONG>”代表該文字是否為粗體。“<FONT color=#aaddff>和</FONT>”則代表字體顯示的顏色。
5、全部代碼修改完畢后,按照步驟二插入“個(gè)人設(shè)置”里即可生效。
·最后,最重要的問題是怎樣美化留言本。這種美化與先前介紹的兩種方法無關(guān),無論你決定使用哪種方法制作留言本,美化的工作只需要在你新添日志內(nèi)進(jìn)行即可。留言本的功用對(duì)于很多朋友來說真的是個(gè)方便實(shí)用的東西,偶再也不用為文章內(nèi)摻雜N多問好聲煩惱。如果你們是個(gè)像偶一樣龜毛的完美主義者,偶就在這里恭喜你。因?yàn)?,雖然制作需要相當(dāng)麻煩的步驟,也需要很多時(shí)間,但偶再也不用因?yàn)椴粔蛎烙^或者頁面雜亂而心里不爽。
·我的留言本里為了不使它過于單調(diào),在美化里添進(jìn)許多不同的元素,比如偶最近動(dòng)態(tài)和公告,想對(duì)客人們所說的話,自己的資料以及對(duì)博客的介紹等。為此,我在文章頁面里添入圖片以及代碼。使文字在圖片上顯現(xiàn)。呃,或許我該稱它為博客文章內(nèi)的“圖片滾動(dòng)文本框”。
大家可以參看我的留言本頁面:
http://blog.readnovel.com/blog/htm/do_showone/tid_225608.html
上述頁面里。各位可以看見這篇日記內(nèi)的文字都是建立于一張圖片中,而文章上有滾動(dòng)條可供大家翻閱。這種效果不僅節(jié)約了博客內(nèi)的頁面長度,也使頁面看得比較舒服。要制作這種效果,就會(huì)比較麻煩,代碼也較長。那么,具體代碼如下:
<TABLE style="WIDTH: 562px; HEIGHT: 777px" background=圖片URL地址>
<TBODY>
<TR><TD></TD><TD></TD></TR>
<TR>
<TD width=80 height=238></TD>
<TD width=80 height=238><DIV style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: auto; WIDTH: 468px; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #009900; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 649px">日志文字</DIV></TD>
</TR></TBODY></TABLE>
『注』:老樣子,我來說明一下怎樣插入代碼,以及代碼的改動(dòng)問題。
1、首先,你需要找到一張適合的圖片,這張圖片的長寬可能需要你放進(jìn)軟件里剪裁成合適的大小。高度沒有特別的要求,幾乎是想要多少長就可以用多少長。寬度則比較敏感,如果做不好極有可能是頁面產(chǎn)生增大移動(dòng)等。那么,我就先說明一下自己的情況。我的網(wǎng)頁模板寬度設(shè)置為“95%”,也就是系統(tǒng)給予的寬度設(shè)置最大的那個(gè)。自然,我的日志頁面寬度范圍也較大。所以,我修改的滾動(dòng)圖寬度在“630”,這剛巧可以完全覆蓋整個(gè)頁面。
2、第二,將修改好高寬的圖片添加進(jìn)相冊(cè)。復(fù)制該圖片地址,替換上述代碼中“background=”后的“圖片URL地址”。
3、第三,將代碼“height=”和“width=”后的數(shù)字大小修改成與你圖片大小相同的數(shù)字。
4、第四,將修改后的代碼復(fù)制,粘貼到日志“所見所得”編輯器的“源碼模式”里。然后,查看按“設(shè)計(jì)模式”可參看一下你的成果。這里需要說明的是,上述代碼中“width=80”這兩個(gè)數(shù)值為圖片內(nèi)滾動(dòng)文本框與圖片的間隔距離。即是說,“width=80”這個(gè)數(shù)值的等號(hào)后邊越小,文本框與圖片本身邊界的距離越小。而文本框的長寬,只需要在“設(shè)計(jì)模式”里拉長或者拉寬就可以做到。