您好!欢迎您光临如何做音画贴_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>如何做音画贴
如何做音画贴
发表日期:2008/4/2 11:05:00 出处:雨打芭蕉 作者:雨打芭蕉 发布人:hsb345 已被访问 2558

如何做音画贴 

 





该帖代码结构分析如下:(请对照上图)

以下是边框部分:

(该层代码是必不可少的,它是决定画面的重要部分,其中距左边距离: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://bbs.nxnews.net/forum/UploadFile/2005-6/20056620545963209.jpg  border=1>

第二层边框

<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2005-6/20056620572971262.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>

以下进入主题部分:

<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://tinypic.com/4t6a0i" 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>

 

特别提醒:每个图层根据需要都可以自由增减!
 
 
 
 
 
下面就每层代码的含义解释如下:

<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以下时可为0

WIDTH:表示宽. 这里的宽是代表作品的最大外围宽度.通常不大于1024px.

TOP:表示顶部,作品起始点于顶部距离. 一般为0-200之间,宽在780以下时可为0

cellSpacing=25 表示该层距下层的缩进度为25PX,

background:表示背景,在此后面输入背景图片地址

border:表示边缘,背景图边缘宽度.

其余部分一般都不用调整,照搬就可以了
 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏