图片:
该帖代码结构分析如下:(请对照上图)
以下是边框部分:
(该层代码是必不可少的,它是决定画面的重要部分,其中距左边距离: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./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./3/g.jpg border=1>
第四层边框
<TBODY> <TR> <TD width="100%"> <TABLE borderColor=#424200 cellSpacing=10 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg./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./3/kabe-kanaami-05.gif border=1>
以下进入主题部分:
<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>百 荷 音 画</B></DIV>
文字2
<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=#FFF5EE); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 经典繁中变">测 试 边 框</DIV>
音乐播放器
<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./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>
特别提醒:每个图层根据需要都可以自由增减!
下面就每层代码的含义解释如下:
<TABLE id=table0 style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 200px" borderColor=#FF0000 cellSpacing=25 background=http://bg./3/kumo-23.jpg border=5>
主要代码解释:
LEFT:表示左方,负数越大越靠左,反之正数越大越靠右,如宽在780以下时可为0
WIDTH:表示宽. 这里的宽是代表作品的最大外围宽度.通常不大于1024px.
TOP:表示顶部,作品起始点于顶部距离. 一般为0-200之间,宽在780以下时可为0
cellSpacing=25 表示该层距下层的缩进度为25PX,
background:表示背景,在此后面输入背景图片地址
border:表示边缘,背景图边缘宽度.
其余部分一般都不用调整,照搬就可以了
|