一、做邊框:
一、將邊框代碼復(fù)制粘貼第一次,在圖片地址處粘貼純色圖片地址,將整個邊框的寬度(width)設(shè)為700,看看效果怎樣;
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
看看效果:
二、依然將開始那段邊框代碼復(fù)制粘貼第二次,在圖片地址處粘貼純色圖片地址,將整個邊框的寬度(width)設(shè)為680,將cellSpacing的值設(shè)為10,看看效果怎樣;
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
第二次看效果:
三、依然將開始那段邊框代碼復(fù)制粘貼第三次,在圖片地址處粘貼純色圖片地址,將整個邊框的寬度(width)設(shè)為660,將cellSpacing的值設(shè)為10,看看效果怎樣;
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=660>
第三次看看效果:
四、依然將開始那段邊框代碼復(fù)制粘貼第四次,在圖片地址處粘貼純色圖片地址,將整個邊框的寬度(width)設(shè)為640,將cellSpacing的值設(shè)為10,看看效果怎樣;
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=10 cellPadding=0 width=640 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=640>
第四次看看效果:
小結(jié):
1、說白了,做音畫的邊框,實際上就是做表格框.由不同顏色的表格框?qū)盈B起來,四周沒有被遮蓋的部分就形成了邊框;
2、做幾層邊框你就把開始的那段邊框代碼復(fù)制粘貼幾次,修改一下寬度,粘貼不同顏色的圖片地址就行了;
3、現(xiàn)在看來這個四層的邊框很小,但只要一把內(nèi)容放進去,它就會擴大了。內(nèi)容放得越多,邊框就會自動撐得越大。
那么,又怎樣在做好的邊框內(nèi)添加內(nèi)容呢?
二、怎樣在邊框內(nèi)添加內(nèi)容
下面是第一步做邊框的四層邊框代碼:
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=10 cellPadding=0 width=640 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD>
音畫的第二步就是添加內(nèi)容:(圖片、動畫和文字等)
下面這段藍色代碼就是添加內(nèi)容的代碼,將它添加在上面紅色代碼后面。
<P align=center><IMG src="動態(tài)小圖網(wǎng)址(gif或jpg格式)"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=主體圖片地址 border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=透明flash小動畫網(wǎng)址 width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
加入這段藍色代碼后的效果:
按要求粘貼圖片地址、動態(tài)小圖地址和動畫地址,(在代碼編輯窗口編輯),然后點擊一下<>按鈕,回到日志編輯狀態(tài),在圖下輸入文字.
最后將音樂播放器代碼添加在所有代碼的后面,粘貼一個網(wǎng)絡(luò)傳輸效果好的、又合主題的音樂地址就行了。隱形播放器代碼如下:<EMBED src=http://mp3.baidu.com/u?u=音樂文件網(wǎng)址 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">
做好后本來最后還有一段結(jié)束標記代碼,這個可以不管,系統(tǒng)會自動生成。
三、怎樣在音畫的一幅圖片上做出文字的移動效果
怎樣在音畫的一幅圖片上做出文字的移動效果呢?其實就是和在一般背景圖片上做移動效果一樣.這些文字移動效果都是在導(dǎo)入背景圖片的那段代碼后面加上一段文字移動效果的代碼,我們就可以根據(jù)這個特點去做音畫的文字移動效果。
請看下面這段音畫代碼就知道在哪里做文字特效了:
這紅色代碼是音畫的邊框代碼,藍色代碼是在邊框內(nèi)添加內(nèi)容的代碼,桔黃色代碼是音樂播放器.
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=665 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=665>
<TABLE cellSpacing=10 cellPadding=0 width=645 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=645>
<TABLE cellSpacing=10 cellPadding=0 width=625 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="動態(tài)小圖網(wǎng)址(gif或jpg格式)"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=主體圖片地址 border=8>
<TBODY>
<TR>
<TD align=middle width="93%">
后面如果沒有動畫就在這里做移動文字特效
<EMBED src=透明flash動畫網(wǎng)址 width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
如果有動畫就在這里做移動文字特效
<EMBED src=音樂網(wǎng)址 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1" >
四、怎樣在音畫邊框內(nèi)添加更多的內(nèi)容
這是一段四層邊框、一幅主體圖片的代碼:
紅色的是邊框代碼,藍色的是在邊框內(nèi)添加內(nèi)容的代碼,桔黃色的是藍色代碼部分的結(jié)束標記。
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="動態(tài)小圖網(wǎng)址(gif或jpg格式)"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=主體圖片地址 border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=透明flash小動畫網(wǎng)址 width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
</TD></TR></TBODY></TABLE></P>
如何在這個邊框中增添更多的內(nèi)容?(即圖片、動畫、動態(tài)小圖和文字)
1、如果你還需要添加幾幅圖片,那就將藍色代碼和桔黃色代碼復(fù)制粘貼幾次續(xù)接在被復(fù)制的那段代碼之后,按要求粘貼網(wǎng)址,代碼中圖片的寬度和高度要調(diào)到與原圖片在屬性中查得的寬度、高度一樣;
2、一幅圖片上也可添加幾個透明flash動畫,同樣是將動畫代碼復(fù)制粘貼在動畫代碼之后,將動畫的寬度和高度調(diào)到比圖片的寬度和高度小一點;就是下面這段代碼:
<EMBED src=透明flash小動畫網(wǎng)址 width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
3、動態(tài)小圖也可隨意添加,需要添加幾個動態(tài)小圖,就將那段代碼在原位置下面復(fù)制粘貼幾次,當(dāng)然也可復(fù)制粘貼在沒有動態(tài)小圖的位置,然后粘貼網(wǎng)址。就是下面的代碼:
<P align=center><IMG src="動態(tài)小圖網(wǎng)址(gif或jpg格式)"></P>
4、呈日志編輯狀態(tài),可以在圖片中輸入文字,也可在圖片與圖片之間輸入文字;點擊<>這個按鈕進入代碼編輯狀態(tài),就可以編輯文字特效。
全部做好后,就在最后加上音樂播放器,粘貼上音樂網(wǎng)址。就是下面這段代碼:<EMBED src=音樂網(wǎng)址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1" >
五、怎樣在音畫中做夢幻效果
做夢幻效果的方法:
就是在添加內(nèi)容的代碼中(藍色代碼 TABLE這個元素后面)添加一個CSS濾鏡的夢幻效果代碼---style="FILTER: Alpha(opacity=100,style=2)" 很簡單,識破不值半文錢!
音畫代碼:紅色代碼是邊框代碼,藍色代碼是添加內(nèi)容的代碼,桔黃色代碼是添加內(nèi)容代碼部分的結(jié)束標記.
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底層圖片地址 border=0>
<TBODY>
<TR>
<TD width=700>
<TABLE cellSpacing=10 cellPadding=0 width=680 background=第2層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=680>
<TABLE cellSpacing=10 cellPadding=0 width=660 background=第3層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD width=660>
<TABLE cellSpacing=10 cellPadding=0 width=640 background=第4層邊框圖片地址(純色圖片) border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="動態(tài)小圖網(wǎng)址(gif或jpg格式)"></P>
<TABLE 在此處加一個CSS濾鏡代碼就有夢幻效果了 borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=主體圖片地址 border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=透明flash小動畫網(wǎng)址 width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">
</TD></TR></TBODY></TABLE></P>
六、怎樣用代碼做外邊框和內(nèi)邊框
做外邊框的代碼:
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>
這里是文字的輸入地方,隨著文字的增多,邊框就逐漸放大??梢苑偶尤氡尘皥D片的代碼 ,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
</TD></TR></TBODY></TABLE>
說明:紅色代碼是右邊框;綠色代碼是上邊框;深藍色代碼是左邊框;桃紅色代碼是下邊框;天藍色代碼是邊框內(nèi)面背景顏色;黃色代碼cellSpacing=0是限制內(nèi)邊框與外邊框距離的,“0”表示沒有距離,是可以改變的。(這段代碼里沒有內(nèi)邊框代碼)#號后面的00ff00是顏色代碼,可以變換,要改變邊框顏色就要將四邊#號后的代碼變?yōu)橥粋€代碼,否則,四邊的顏色就會不同。顏色代碼可以在顏色代碼表里找;10PX是表示外邊框的寬度,數(shù)值可以改變;
怎樣加進內(nèi)邊框?
1、代碼:
<TABLE border=1>
<TBODY>
<TR>
<TD>
2、說明:
A、“=”號后的“1”可以變?yōu)椤?”或“3”,不可改得太大,因為這是限制內(nèi)邊框?qū)挾鹊?,太寬了就不好看了?div style="height:15px;">
3、以做三個內(nèi)邊框為例:也就是將內(nèi)邊框代碼復(fù)制粘貼三次放于開頭那段代碼的<TD>后,(即“文字”前)邊框的寬設(shè)為“1”,代碼變化如下:
<TABLE borderColor=#ff9999 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#ff9999 height=27>標題</TD></TR>