代碼:
<P></P>
<TABLE title=冰點柔情編輯 style="BACKGROUND-IMAGE: url(背景圖片地址)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width=870 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P> </P>
<P> </P>
你好啊,用心學<P> </P></TD></TR></TBODY></TABLE>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址1" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 500px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址2" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 1000px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址3" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 1500px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址4" width=850> </CENTER></DIV>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 2000px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址5" width=850> </CENTER></DIV>
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫第一段文字</STRONG></FONT> </P></DIV>
<DIV style="LEFT:500px; POSITION: absolute; TOP: 900px">
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫第二段文字</STRONG></FONT> </P></DIV>
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 1600px">
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫第三段文字</STRONG></FONT> </P></DIV>
-----------------------------------------------------------------------------------------------代碼使用方法
代碼分三部分:
第一部分是一層是底色(也可放邊框)代碼,放背景圖片,做大圖背景(最好用純色圖片),(注意返回正常編輯狀態(tài)后,用回車鍵下移“你好啊,用心學”)。
點擊這里找到背景圖片地址
第二部分(第二至第五段)代碼是圖片穿越代碼,五段代碼完全相同,這是為朋友使用方便多復制了,每一段放一張圖片地址。(即:圖片地址1、圖片地址2......)
在使用時根據自己需要,可以再添加代碼:
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址1" width=850> </CENTER></DIV>
代碼中有3個數據:LEFT:20px表示圖片左右位置,一般數據10-----600,
TOP: 10px 表示圖片上下位置,一般數據0-------4000,
width=850 表示設置的圖片大小,一般200------870,
(200、300小圖,400、500, 中圖,700、800是大圖)
第三部分(后三段)是文字穿越代碼,這種文字沒有陰影,就是常用日志文字,
使用時,可以在 HTML 書寫少部分文字,然后點“返回”在常用窗口找到文字
用鼠標左鍵點文字,出現(xiàn)虛框,文字里出現(xiàn)鼠標光標了,就可以書寫,并且用
鼠標調行??梢詮膭e處復制一段文字在代碼里粘貼,返回到常用窗口調行、調
整文字顏色、大小,上面代碼里用了三段相同代碼:
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫等一段文字</STRONG></FONT> </P></DIV>
另穿越豎列文字代碼 :
<DIV style="LEFT: 180px; POSITION: absolute; TOP: 80px">
<DIV style="FONT-SIZE: 20pt; WIDTH: 400px; WRITING-MODE: tb-rl; HEIGHT: 750px; TEXT-ALIGN: left">
<P><FONT face=楷體_GB2312 color=#ff0000><STRONG>書寫豎列文字</STRONG></FONT></P></DIV></DIV>
使用時,根據需要取用幾段。
以上大圖音畫代碼,復制到代碼窗口,依次放上圖片地址,以及書寫文字,調整數據,就可以制作簡單的大圖音畫。
注:
1、前面大圖音畫里,每段代碼里都有:
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
只是數據不同,這是穿越代碼,沒有它就無法用調整數據的方法把圖片、文字
穿越到大圖里,圖片也才可以重疊、融合,圖片也才好處理連接,如果做代碼
大圖,背景使用羽化代碼,當然也可以做,但圖片與圖片之間有邊緣羽化空隙
沒有使用穿越代碼效果理想。
2 、底色代碼最后有“你好啊,用心學” 這些字,是我故意寫的中文字,是用來
推長信紙用的,在制作時“返回”,便于查看、找到它,使用鼠標在“你好啊,用
心”左邊或者上面點一下,出現(xiàn)了鼠標光標后,點鍵盤回車鍵,就拉長了日志信紙(或者背景)。
因為穿越圖片與透明flash一樣,它們不占用信紙(背景)空間,必須使用回車鍵拉
長信紙,穿越圖片才有效果顯示。有許多朋友以前使用穿越代碼,說做不出效果,
就是這個原因。
3、這些代碼是重復的,是為初學的朋友使用方便,我多復制了相同代碼。其實
制作代碼大圖,只需要兩種代碼,即圖片穿越代碼和文字穿越代碼。也就是:
圖片穿越代碼
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址1" width=850> </CENTER></DIV>
文字穿越代碼
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫等一段文字</STRONG></FONT> </P></DIV>
4、如果在以上代碼里添加滾動代碼<MARQUEE> 。。。</MARQUEE>
文字也可以在大圖里滾動。
滾動代碼:
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<MARQUEE>
<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>寫等一段文字</STRONG></FONT> </P></MARQUEE></DIV>