音畫(huà)初學(xué)者的導師 百 荷 音 畫(huà)
測 試 邊 框
小提琴曲《知音》
雨打芭蕉編輯
07.11.20
圖片:
該帖代碼結構分析如下:(請對照上圖)
以下是邊框部分:
(該層代碼是必不可少的,它是決定畫(huà)面的重要部分,其中距左邊距離:LEFT: -125px;負數越大越往左, 寬度:WIDTH: 980px; 通常不大于1024全屏,及離頂部距離TOP: 0px,一般在0-200之間,這些基本數據都在此層調整)
底層圖片
<TABLE id=table0 style="LEFT: -125px; WIDTH: 980px; POSITION: relative; TOP: px"
borderColor=#FF0000 cellSpacing=25 background=http://bg.e-yu.cn/3/kumo-23.jpg border=5>
第一層邊框
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://image16.360doc.com/DownloadImg/2010/11/0220/6480774_2.jpg border=1>
第二層邊框
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://image16.360doc.com/DownloadImg/2010/11/0220/6480774_3.jpg border=1>
<TBODY>
第三層邊框
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/g.jpg border=1>
第四層邊框
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=10 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/kumo-21.jpg border=1>
第五層邊框
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/kabe-kanaami-05.gif border=1>
以下進(jìn)入主題部分:
<TBODY>
<TR>
<TD align=middle>
文字1
<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷體_GB2312"><B>百 荷 音 畫(huà)</B></DIV>
文字2
<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=#FFF5EE); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 經(jīng)典繁中變">測 試 邊 框</DIV>
音樂(lè )播放器
<p align=center><embed width=350 height=25 style=filter:xray src=http://music1.hexun.com/Save/Music/2006/1231/1041/M_2AAB1ECC59FA8649.MP3 type=audio/mpeg autostart=1 panel=0 loop=true></embed>
文字3
<DIV style="FONT-SIZE: 18pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #CDAF95; LINE-HEIGHT: 150%; FONT-FAMILY: 楷體_GB2312"><B>小提琴曲《知音》</B></DIV>
小提琴圖片(在改層以下可以添加很多的圖片)
<P align=center><IMG width=指定圖片寬度 src="http://image16.360doc.com/DownloadImg/2010/11/0220/6480774_1" height=指定圖片高度></P>
文字4
<DIV style="FONT-SIZE: 18pt; FILTER: shadow(color=#778899); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 楷體_GB2312"><B>雨打芭蕉編輯</B><BR>07.11.20</DIV>
FLASH部分(可以加在任何一組代碼后面)
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 150px" align=right src=http://myhome.naver.net/brown444/swish/s92-m.swf width=900 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"> </CENTER>
結束符號
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
空行符號(作用:為使的作品底部不遮住管理按鈕,應適當加些空行符)
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
特別提醒:每個(gè)圖層根據需要都可以自由增減!
下面就每層代碼的含義解釋如下:
<TABLE id=table0 style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 200px"
borderColor=#FF0000 cellSpacing=25 background=http://bg.e-yu.cn/3/kumo-23.jpg border=5>
主要代碼解釋:
LEFT:表示左方,負數越大越靠左,反之正數越大越靠右,如寬在780以下時(shí)可為0
WIDTH:表示寬. 這里的寬是代表作品的最大外圍寬度.通常不大于1024px.
TOP:表示頂部,作品起始點(diǎn)于頂部距離. 一般為0-200之間,寬在780以下時(shí)可為0
cellSpacing=25 表示該層距下層的縮進(jìn)度為25PX,
background:表示背景,在此后面輸入背景圖片地址
border:表示邊緣,背景圖邊緣寬度.
其余部分一般都不用調整,照搬就可以了