右栏

哲学人生论坛 → 生活情感区 → 视听交流 → 教大家用HTML制作音乐贴图！(敬请版主置顶，谢谢）


  共有3428人关注过本帖树形打印

主题：教大家用HTML制作音乐贴图！(敬请版主置顶，谢谢）
帅哥哟，离线，有人找我吗？
大儒侠
 小大  1楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		教大家用HTML制作音乐贴图！(敬请版主置顶，谢谢）  发帖心情 Post By：2005-6-21 6:25:00

简单的HTML代码制作法

准备工作：（了解最起码的html语法）

1.<p>.....</p><p>标志对是用来创建一个段落，在此标志对之间加入的文本 将按照段落的格式显示在浏览器上。另外，<p>标志还可以使用align属性，
它用来说明对齐方式，语法是：<p align=center></p> align可以是Left(左对齐)、 Center(居中)和Right(右对齐)三个值中的任何一个。
</p>表示标志对中的文本使用居中的对齐方式。align 表示位置

2.<br>是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行.

3.<table>表格(我们可以把他理解为桌面或一个工作面)<table>开始，</table>结束

4. <tr>说明表格的一个行，表有多少行就有多少个<tr>(简单理解为横向)

5. <td>则填充(简单的理解为纵向)

6. cellpadding=文本与表框的距离用(使用数字)

7. <font></font>它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色常量名，face=选用的字体

8. <img>标志对的src属性赋值在图片中应用

9. <hr>标志是在Html文档中加入一条水平线，它可以直接使用

10. <body></body>是Html文档的主体部分

11. <bgcolor=...>背景颜色通常使用
 <body bgcolor="....">就是主体背景颜色(通常我们说的大背景颜色)

12. <body text="....">设置主体文本颜色
<body link="...."> 设置链接颜色。

13. <border="边框大小">表示边框

14. <background=> 背景通常使用为背景图片的连接地址

17. <borderColorLight=#颜色>边框相临两边的颜色及内置相对两边的颜色(左相临及对应右相临)

18. <borderColorDark=#颜色>边框相临两边的颜色及内置相对两边的颜色

19. cellSpacing=边框与内置边框的宽度

20. width=宽度 height=高度

一、边框：

1.两层
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>

看效果:

加入内容

你可以试一试,方法是复制上面的代码,点开html将已经复制的粘贴上,点Design浏览看效果,你也可以随便编辑,改变边框背景颜色,边框的大小.

[此贴子已经被作者于2005-6-21 7:58:55编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  2楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 6:29:00

加入文字一定要添加文字代码

如：<font color=red size=5 face=隶书>我是怪才，一看就懂！

如下:

<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=边框颜色# 722917border=这里是边框粗细10>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=这里添加背景颜色#051D05order=0>
<TBODY><TR><TD><font color=red size=5 face=隶书>我是怪才，一看就懂！</td></tr></tbody></table></td></tr></tbody></table>

方法：

1.点开HTML将你编辑好的各种代码复制粘贴进来。

2.点Design就能看到你制作的边框背景效果了，满意你就点发表（哈哈~刚忘记真点发表了，我在继续写）

如下：<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=# 722917border=10>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#051D05order=0>
<TBODY><TR><TD><font color=red size=5 face=隶书>喜欢，就是淡淡的爱！爱就是深深的喜欢！</td></tr></tbody></table></td></tr></tbody></table>

看效果:

喜欢，就是淡淡的爱！爱就是深深的喜欢！


[此贴子已经被作者于2005-6-21 8:00:53编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  3楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 6:29:00

1.两层
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD>内容部分</TD></TR></TABLE></TD></TR></TABLE>





内容部分
2.一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>





加入内容

3.两层
<CENTER>
<TABLE borderColor=#2222dd cellSpacing=0 borderColorDark=#22b8dd cellPadding=0 width=480 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://qslsc.2000y.net/112306/uploadpic/20041021154315693.gif border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>






加入内容






[此贴子已经被作者于2005-6-21 7:57:30编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  4楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		再续  发帖心情 Post By：2005-6-21 6:30:00

二、字体：
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>哲学人生</B></FONT>

哲 学 人 生

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>哲 学 人 生</B></FONT> <BR><BR></CENTER>

哲学人生

</B><BR><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>哲学人生</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT>
<DIV></DIV>
<P></P>

哲学人生

<TABLE cellSpacing=23 cellPadding=0 width="100%" align=left background=http://www.ceatnet.com/bbs/UploadFile/2004-9/20049421422616165.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=4 width="100%" align=left background=http://bbs.e-yu.cn/attachments/ext_gif/iPn1_timestrip1.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 width="100%" align=left background=http://www.ceatnet.com/bbs/UploadFile/2004-9/20049421422616165.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" align=left background=http://www.ceatnet.com/bbs/UploadFile/2004-9/20049421422616165.jpg border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>


<TABLE CELLPADDING="0"CELLSPACING="0" BORDER="0">
<TR>
<TD><IMG SRC="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=25></TD>
<TD BACKGROUND="http://xz1.2000y.net/771976/uploadpic/200411281621090935.gif"width=550 height=150></TD>
<TD><IMG SRC="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=25></TD>
</TR>
<TR>
<TD BACKGROUND="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=100%></TD>
<TD>
<div align="center">
<body>
<BODY background=http://www.lyx39.com/bbs/uploadImages/200471622514**15.jpg>
<script language="JavaScript">
<!--
var Ga=new Array()
Ga[0]=" http://222.186.123.12/yueming/UploadFile/2004-11/2004112319372301.gif"
Ga[1]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123193455212.gif"
Ga[2]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123193729710.gif"
Ga[3]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123193758238.gif"
Ga[4]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123193851297.gif"
Ga[5]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123194113506.gif"
Ga[6]=" http://222.186.123.12/yueming/UploadFile/2004-11/20041123193957902.gif"
var hayasa=4000
var suu =1;
var kirikaeGa=new Array()
for (kazu=0;kazu<Ga.length;kazu++){
kirikaeGa[kazu]=new Image()
kirikaeGa[kazu].src=Ga[kazu] }
function kirikae(){
if (window.createPopup)
rittai.filters[0].apply()
document.images.rittai.src=kirikaeGa[suu].src;
if (window.createPopup)
rittai.filters[0].play()
suu++;
if (suu==kirikaeGa.length)
suu=0;
setTimeout("kirikae()",hayasa) }
window.onload=new Function("setTimeout('kirikae()',hayasa)")
//-->
</script>
<img src="http://222.186.123.12/yueming/UploadFile/2004-11/20041123193931189.gif" name="rittai" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
</body></font><br>
</div>
</TD>
<TD BACKGROUND="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=100%></TD>
</TR>
<TR>
<TD><IMG SRC="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=25></TD>
<TD BACKGROUND="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-b.gif" border=0" width=480 height=25></TD>
<TD><IMG SRC="http://mii8888.51.net/xinlang/babyxinlang/sozai/h-a.gif" border=0" width=25 height=25></TD>
</TR>
</TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P><BR>

[此贴子已经被作者于2005-6-21 7:55:09编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  5楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 6:37:00

三、加入图片代码：

一、单纯的一张图片
<P align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg>;</P>



二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.woducom.com/createpage/img/8/green.gif border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>

看效果

两个FLASH上下排列的图片：<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>
四、下上移动的图片们：

<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-9/2004927142624656.jpg"></P>
<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-7/2004716105241216.gif"></P>
<P align=center><IMG src="http://bbs.zxrs.net/UploadFile/2005-6/20056213391718581.jpg"></P>
</MARQUEE></center>
看效果：


[此贴子已经被作者于2005-6-21 7:56:11编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  6楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 6:37:00

五、左右移动的图片们：（要有个背景哟）
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://222.186.123.12/yueming/UploadFile/2004-10/2004102918410884.jpg"></P>
<P align=center><IMG src="http://222.186.123.12/yueming/UploadFace/224_2004102721315*4*5.jpg"></P>
<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-9/2004927142624656.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

[此贴子已经被作者于2005-6-21 6:51:19编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  7楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 6:53:00

六：图片雾化效果：
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=524 background=http://bbs.zxrs.net/UploadFile/2005-6/200562022244520049.jpg height=697><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://mtv.vicn.com/upload/20044822575911087.swf width=500 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER><BR>

[此贴子已经被作者于2005-6-21 7:04:04编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  8楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:05:00

七：图片倒影效果：

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://bbs.zxrs.net/UploadFile/2005-5/200551024539190.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://bbs.zxrs.net/UploadFile/2005-5/200551024539190.gif"></P></FONT></FONT><BR><BR>



[此贴子已经被作者于2005-6-21 7:15:20编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  9楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:16:00

八：图片向左右相反的方向移动的效果：
<MARQUEE width=200 height=50><IMG src="http://bbs.zxrs.net/UploadFile/2004-11/2004112712102280.bmp"><IMG src=http://bbs.zxrs.net/UploadFile/2004-11/200411271210119.bmp><IMG src="http://bbs.zxrs.net/UploadFile/2004-11/2004112712103765.bmp"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="http://bbs.zxrs.net/UploadFile/2004-11/20041127121018716.bmp"><IMG src="http://bbs.zxrs.net/UploadFile/2004-11/20041127121023395.bmp"><IMG src="http://bbs.zxrs.net/UploadFile/2004-11/20041127121030921.bmp"></MARQUEE>
[此贴子已经被作者于2005-6-21 7:19:39编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  10楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:22:00

加入背景音乐代码：

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE">

所用元素：<EMBED>
参数：
src：音乐文件的URL；
hidden：=true为不可见，=false反之；
type：指定音频类型；
LOOP：是否循环播放，注意其值置于小角双引号中；
AUTOSTART：是否自动播放，其值同上。

插入单张ＦＬＡＳＨ：
<P align=center><EMBED align=center src=http://flash.crcstar.com/upload/20044161110320 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ></P>

mp3:

<EMBED src=http://www.pxvnet.com/MP3/FASHAO/FSZMD2002/01.mp3 hidden=true type=audio/x-ms-wma AUTOSTART="TRUE" LOOP="TRUE" ="00914D6C">

FLASH不显示:

<EMBED src=http://image2.sina.com.cn/dongman/f/2003-11-28/U4P55T4D13002F53DT20031128142736 hidden=true type=audio/x-ms-wma LOOP="TRUE">

[此贴子已经被作者于2005-6-21 7:28:34编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  11楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:30:00

简单的HTML代码制作法
使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>
二.选内容.现边框有一层FLASH图片,代码如下:<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
三.把边框里加入内容这四个字删掉,换成图片代码.为了明显,我用蓝色表示边框,用绿色表示图片内容部分:
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
实际使用可没有颜色的,就是默认黑色..
就是:
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
五.把你整合好的代码,复制下来,点发言框下方的HTML模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.


有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  12楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:31:00

修饰你的代码:这些贴子的图和边框宽度,一定不合你的意,怎么办?就把边框（宽度width=480)（高度height=300)改大或小一点,(提示：论坛宽度在450以内，如果超过，会削掉右边部分）直到你满意为止,图片地址可以换上你喜欢的那个图片.怎么样,不错吧.
八.想一想,既然可以加入图片,那么是不是也可以用同样的方法加入文字?加入音乐?呵呵,对了,就都放在内容部分,在边框代码<td></td>之间,即可.动手试看看吧~~


有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  13楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:32:00

单张图片效果

<TABLE align=center bgColor=#ffffff border=1 borderColor=#cccccc cellPadding=0 cellSpacing=0 height=346 width=380>
<TBODY>
<TR>
<TD width=1000>
<TABLE background=http://img.photobucket.com/albums/v378/rushui/002.jpg border=0 cellPadding=0 cellSpacing=0 table>
<TBODY>
<TR>
<TD><EMBED align=right height=395 src=http://www.forshine.net/flash/62.swf type=application/octet-stream width=356 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.forshine.net/flash/55.swf type=application/octet-stream width=365 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.forshine.net/flash/13.swf type=application/octet-stream width=415 wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE align=center bgColor=#ffffff border=1 borderColor=#cccccc cellPadding=0 cellSpacing=0 height=0 width=380>
<TBODY>
<TR>
<TD width=1000>
<TABLE background=http://img.photobucket.com/albums/v378/rushui/04.jpg border=0 cellPadding=0 cellSpacing=0 table>
<TBODY>
<TR>
<TD><EMBED align=right height=395 src=http://www.forshine.net/flash/13.swf type=application/octet-stream width=356 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.nygyfs.com/tmswf/04.swf type=application/octet-stream width=365 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.forshine.net/flash/81.swf type=application/octet-stream width=415 wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<TABLE align=center bgColor=#ffffff border=1 borderColor=#cccccc cellPadding=0 cellSpacing=0 width=380>
<TBODY>
<TR>
<TD width=1000>
<TABLE background=http://img.photobucket.com/albums/v378/rushui/03.jpg border=0 cellPadding=0 cellSpacing=0 table>
<TBODY>
<TR>
<TD><EMBED align=right height=395 src=http://www.forshine.net/flash/13.swf type=application/octet-stream width=356 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.forshine.net/flash/33.swf type=application/octet-stream width=365 wmode="transparent" quality="high"> <EMBED align=right height=395 src=http://www.forshine.net/flash/3.swf type=application/octet-stream width=415 wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<TABLE align=center bgColor=#ffffff border=1 borderColor=#cccccc cellPadding=0 cellSpacing=0 height=454 width=383>
<TBODY>
<TR>
<TD height=452 width=1000>
<TABLE background=http://img.photobucket.com/albums/v378/rushui/05.jpg border=0 cellPadding=0 cellSpacing=0 height=445 table>
<TBODY>
<TR>
<TD height=445><EMBED align=right height=395 src=http://www.forshine.net/flash/13.swf type=application/octet-stream width=365 quality="high" wmode="transparent"> <EMBED align=right height=395 src=http://www.forshine.net/flash/52.swf type=application/octet-stream width=415 quality="high" wmode="transparent"><EMBED align=right height=395 src=http://www.forshine.net/flash/27.swf type=application/octet-stream width=356 quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<DIV align=center>
<TABLE background=http://www.0559u.com/pic/scape/001/002/003/pic0270.jpg border=1 cellPadding=0 cellSpacing=15 height=480 width=380>
<TBODY>
<TR>
<TD height=300 width=380>
<P align=center><EMBED height=450 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/03.swf type=application/x-shockwave-flash width=380 wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE></DIV>

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  14楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:33:00

[此贴子已经被作者于2005-6-21 11:19:26编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  15楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:45:00

放置背景音乐更简单的方法：

<bgsound src="http://fzliu.myrice.com/midi/020.mid" loop="-1">

bgsound：顾名思义，就是背景音乐了。这才是标准的插入网页背景音乐的语法。

src：音乐文件的URL，支持几乎很多音频文件（包括MP3、wma、ram、rm、midi等）。

loop：其值置于小角双引号内，-1表示循环播放，实数则表示播放几次。

■ <BGSOUND>：

　　<BGSOUND> 是用来插入背景音乐，但只适用于 IE，其参数设定不多。如下 　　<BGSOUND src="your.mid" autostart=true loop=infinite>

  • src="your.mid"
    设定 midi 档案及路径。



  • autostart=true
    是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。



  • loop=infinite
    是否自动反复播放。LOOP=2 表示重复两次，Infinite 表示重复多次。

■ <EMBED>：

　　<EMBED> 是用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 IE 都支持。其参数设定较多。如下下

　　<EMBED src="your.mid" autostart="true" loop="true" hidden="true">


  • src="your.mid"
    设定 midi 档案及路径。



  • autostart=true
    是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。



  • loop="true"
    是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。



  • HIDDEN="true"
    是否完全隐藏控制画面，true 为是，no 为否 (内定)。



  • STARTTIME="分:秒"
    设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。



  • VOLUME="0-100"
    设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定。



  • WIDTH="整数" 和 HIGH="整数"
    设定控制面板的高度和宽度。(若 HIDDEN="no")



  • ALIGN="center"
    设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom



  • CONTROLS="smallconsole"
    设定控制面板的外观。预设值是 console。
    console 一般正常面板 　　
    smallconsole 较小的面板 　　
    playbutton 只显示播放按钮 　　
    pausecutton 只显示暂停按钮 　　
    stopbutton 只显示停止按钮 　　
    volumelever 只显示音量调节按钮

<*BGSOUND balance=0 src="http://fzliu.myrice.com/midi/020.mid" volume=-600 loop=infinite>

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  16楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:46:00

<TABLE borderColor=#e4dc9b height=270 cellSpacing=5 width=380 background=http://bbs.xxjy.net/UploadFile/2004-9/2004929162539567.jpg border=3>
<TBODY>
<TR>
<TD align=middle width="100%"><EMBED src=http://www.qtqy.com.cn/flash/x1.swf width=380 height=270 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE></P>



[此贴子已经被作者于2005-6-21 7:49:32编辑过]

有许多事，在还没珍惜时就已成旧事；有许多人，在还没用心之前已成旧人——我们总是老得太快，聪明得太迟。
国内第一个“人生搜索引擎”上线！ 支持(0) 中立(0) 反对(0) 回到顶部
帅哥哟，离线，有人找我吗？
大儒侠
 小大  17楼 个性首页 | 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 无怨无悔
等级：罗宾汉 帖子：3148 积分：5468 威望：1 精华：7 注册：2004-12-29 17:42:00 		  发帖心情 Post By：2005-6-21 7:50:00

<TABLE borderColor=#e4dc9b height=290 cellSpacing=5 width=380 background=http://bbs.xxjy.net/UploadFile/2004-9/2004929162625177.jpg border=3>
<TBODY>
<TR>
<TD align=middle width="100%"><EMBED src=http://www.forshine.net/flash/23.swf width=380 height=290 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>