雅燃音乐 → 音乐延伸区 → 【封面纯景品鉴】 → 【帖图帮助】论坛HTML标签做帖教程

全民投票：2006年不可错过的12把声音 有声杂志：2006年你最喜爱的人声专辑（上） 有声杂志：2006年你最喜爱的人声专辑（下）
关闭 帖子评论
选取类型： 中立 支持 反对
观点标题：
验证码：验证码,看不清楚?请点击刷新验证码
观点内容：
（不支持HTML）
  1. 请以客观、真实地作出评论，并注意语言文明；
  2. 观点发表后不能作出更改；
回复贴子
您是本帖的第 5997 个阅读者
树形打印
标题：【帖图帮助】论坛HTML标签做帖教程
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情
【帖图帮助】论坛HTML标签做帖教程

一:背景（表格）

1：背景（论坛中帖子的外背景）

代码如下：

<body background="背景图片URL地址">

body的相关属性：

<body background="URL地址" bgcolor=# text=# link=# alink=# vlink=#>

background=背景图片URL地址（设定了背景图片后bgcolor设定值将无效） bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

2：表格

效果如：

源代码如下：

<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

帖子内容，文字或图片..... </TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

注解：

width="400" 表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1" 表格边框的厚度，不同浏览器有不同的内定值，故请指明。

cellspacing="2" 表格格线的厚度

align="CENTER" 表格的摆放位置（水平），可选值为： left, right, center

valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 　　

background="myweb.gif" 表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF" 表格的底色，与 background 不要同用

bordercolor="#CF0000" 表格边框颜色

bordercolorlight="#00FF00" 表格边框向光部分的颜色

bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2" 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

符：利用表格属性做漂亮的代码边框。 一些新手看到别人做出漂亮的帖子边框都很好奇是怎么做成的，说穿了也就是巧妙的应用了表格的相关属性。这里我就统计几种常见的表格使用方法，可能大家也有更多更好的想法，也就起个抛砖引玉的作用吧。

例1：

说明：看起来好像是用了四层表格，其实只用了两层，同一个背景图。主要是边框向光和背光部分的颜色应用起到的效果。 源代码：

<table align="center" border="1" cellpadding="8" cellspacing="10" width="500" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center"><table align="center" border="1" cellpadding="4" cellspacing="6" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center">

<br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg">

<br><br></td></tr></table></td></tr></table>

例2：

说明：这种效果其实有好几种方法做出来，但是在我认为这种是最简单的，只是金色背景那层（第二层）表格的宽是100%其它属性值一律为0。主要是在第三层，第三层的宽width的取值要是99%，而第三层的td里的width属性要是100%。 源代码： <table align="center" border="0" cellpadding="0" cellspacing="10" width="500" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"><table lign="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj02.jpg"><tr><td width="100%" align="center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="99%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"> <br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg">

<br><br></td></tr></table></td></tr></table></td></tr></table>

例3：

说明：这个好像没什么特别的，就是把四个角上的框架图用表格分开。 源代码：

<br><table align="center" border="0" cellpadding="0" cellspacing="0" width="500" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta1.gif"></TD><TD width="50%" align=right><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta2.gif"></TD></TR></TBODY></TABLE>

<br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg">

<br><br> <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta3.gif"></TD><TD width="50%" align=right><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta4.gif"></TD></TR></TBODY></TABLE></td></tr></table>

例4：

说明：把图片应用到边框上面，整个表格的大小很重要，调整也是件麻烦的事，所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。 源代码：

<table align="center" border="1" cellpadding="0" cellspacing="10" width="400" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj03.jpg" bordercolorlight="#C0B4FE" bordercolordark="#0C091D"><tr><td width="100%" align="center"><table align="center" border="1" cellpadding="0" cellspacing="18" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/xing.gif" bordercolor="#C0B4FE"><tr><td width="100%" align="center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"> <br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg">

<br><br></td></tr></table></td></tr></table></td></tr></table>

关与内容居中：

说明： 一般大家做帖子为了美观总是把整体内容全都居中，内容中的文字图片等都加上了居中的代码CENTER，频繁的使用同一组代码，用多了大家是不是觉得有些杂乱的感觉？在这里我都教大家一招，只需要用一次就可以使整个表格内的内容全都居中。 下面是大家一般使用的表格代码： <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj03.jpg"><tr><td></td></tr></table> 将其改成如下代码： <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj03.jpg"><tr><td width="100%" align="center"></td></tr></table> 这样样在表格内的文字图片等都不用再加居中代码了，直接插入就可以了。

[此贴子已经被作者于2005-1-15 17:24:17编辑过]


2005-1-15 16:42:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情

二:帖图格式

--------------------------------------------------------------------------------

帖图基本格式如下：

<IMG src="图片连接URL地址">

<IMG> 称图形标记，主要用来插入图形标记。

<IMG> 的一般参数设定：

　　例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

src="logo.gif" 图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展， 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则 必须加上正确的路径，相对或绝对均可。 width=100 height=100 设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真 hspace=5 vspace=5 设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， 是设定图片上下的空间，高度采用 pixels 作单位。 border=2 图片边框厚度 align="top" 调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom， texttop 表示图片和文字依顶线对齐， baseline 表示图片对齐到目前文字行底线值， absmiddle 表示图片对齐到目前文字行绝对中央， absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。 alt="Logo of PenPal Garden" 这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示 lowsrc="pre_logo.gif" 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低 解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本

图片位置设置

例1：

原代码： <IMG border=0 height=92 src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=130>　普通插入 例2：

<img src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=130 height=92 border=0 hspace=10 vspace=20"> 设定上下左右空白位置 例3：

<img src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=130 height=92 border=4 align=middle>设定图片中间对齐，边框厚度为 4

例4：

<img src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=180 height=152 border=0> 放大了的图片 例5：

<img src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif" width=130 height=92 border=0 align=right>设定图片靠右

设定图片靠右 --------------------------------------------------------------------------------

附：帖图常用特效

原图片如下：

效果一： 代码如下：

<IMG src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg" style="FILTER: gray(color=#ffedff)">

效果二：

代码如下：

<IMG src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg" style="FILTER: xray(color=#ffedff)">

效果三：

原代码如下：

<IMG src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg" style="FILTER: invert(color=#ffedff)">

效果四：

代码如下：

<IMG src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg" style="FILTER: fliph(color=#ffedff)">

效果五：

代码如下：

<IMG src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg" style="FILTER: flipv(color=#ffedff)">

效果六： 效果七：看到跟随页面滑动而移动的图片了吗？

原代码如下：

<DIV STYLE="cursor:arrow;filter : progid:DXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200);left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-200);text-align:center;"><P></P><IMG border=0 src="http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif"></DIV>

效果八： 原代码如下：

<MARQUEE behavior=alternate direction=up height=300 width=130><img src=http://cry.shidabbs.com/home/bbsjc/images/die1.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=130><img src=http://cry.shidabbs.com/home/bbsjc/images/die1.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=130><img src=http://cry.shidabbs.com/home/bbsjc/images/die1.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=130><img src=http://cry.shidabbs.com/home/bbsjc/images/die1.gif></MARQUEE>

效果九：

原代码如下：

<CENTER><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">数 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">到 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">三 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">就 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">不 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">哭 <IMG src="http://cry.shidabbs.com/home/bbsjc/images/die2.gif" ;></FONT></B></MARQUEE></CENTER> 效果十：

原代码如下：<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://cry.shidabbs.com/home/bbsjc/images/fanc.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://cry.shidabbs.com/home/bbsjc/images/fanc.gif"></FONT></FONT></P>



2005-1-15 16:45:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情

三:文字设制

1，文字基本设制

基本代码如下：

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

2，大字体文字

效果：

数到三就不哭

代码：

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt　数值越大文字就越大。

3，移动文字设置：

基本代码1：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

数到三就不哭

代码如下：

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

4，文字特效显示：

效果一：

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果二：

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果三：

数到三就不哭

原代码：

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

效果四：

数到三就不哭

原代码：

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五：

欢迎你朋友 友朋你迎欢

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

效果六：

数到三就不哭

原代码： <P align=center><FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6>数到三就不哭</FONT></P> 效果七：

数到三就不哭

原代码： <P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></P> 说明：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。 效果八：

数到三就不哭

原代码： <P align=center><FONT style="FONT-SIZE:30pt;filter:dropshadow(color=#0099ff,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#ff6600;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></P>

效果九：数到三就不哭

原代码：<FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT>

效果十：

数到三就不哭

原代码：<p align=right><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT></p>

FlipV产生上下变换，FlipH产生左右变换。

效果十一：

数到三就不哭

原代码：<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=5,freq=3,phrase=20);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>数到三就不哭</B></FONT> add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之； freq属性：决定显示的频率，即应出现多少个波形； phrase属性：决定波形的形状，值取0至360之间； strength属性：决定波形的振幅。

效果十二：

数到三就不哭

原代码：<P align=center><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></P>


2005-1-15 16:51:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情

四:载入音乐

基本语法：

<EMBED SRC="音乐文件地址">

常用属性如下：

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 只显示音量调节按钮

例一：

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

作为背景音乐来播放，隐藏了播放器。

例二：

<EMBED SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。

IE中的的背景音乐

代码如下：

<bgsound src="音乐文件地址" loop=#>

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

在论坛做帖常用格试如下：

一：

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

二：

<bgsound src="音乐文件地址" loop=3> 说明：一般用来插入wav wma mid mp3等格试的音乐文件。


2005-1-15 16:52:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情

五:嵌入页面

嵌入页页就是把整个网页页面发到论坛里。

代码如下：

<IFRAME marginWidth=0 marginHeight=0 src="网页连接地址" width=100% height=4610 frameBorder=0 scrolling=auto></IFRAME>

frameborder=0　窗口边框的设置，yes表示有边框，no表示没有边框

marginwidth=0 marginheight=auto 设置窗口的上下左右边界宽度，如果不设置，由浏览器自动决定。

scrolling=0 滚动条设置，yes 表示有，no表示没有，auto表示由浏览器自动设置。

width=100% height=4610 窗口显示的大小宽和高。

符：超级连接设置。

连接格式如下：

<A href="连接网页地址">连接说明文字</A>

在新窗口中打开连接：

<A href="连接网页地址" target=_blank>连接说明文字</A>

图片连接：

<A href="连接网页地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>



2005-1-15 16:54:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情

感谢此文的作者雪夜寒星,想学做美帖的雅友们一起来学习吧.

Through the Arber,选自绿钢琴.



2005-1-15 17:06:00
回到顶部
梅韵
美女呀，离线，留言给我吧！
等级：新手上路
文章：27
积分：78
注册：2005年1月28日
发贴心情
小 舟 百 姓 家 园 繁 荣
[此贴子已经被作者于2005-2-1 22:21:20编辑过]

找一片属于自己的天空，任窗外花开花落，云卷云舒，去留无意。

2005-2-1 22:14:00
回到顶部
caiyue
帅哥哟，离线，有人找我吗？
头衔：樽者
等级：版主
威望：3
文章：2166
积分：3223
注册：2003年8月12日
发贴心情
呵呵，学以致用

2005-2-9 23:27:15
回到顶部
mma771205
美女呀，离线，留言给我吧！
等级：新手上路
文章：5
积分：53
注册：2005年3月4日
发贴心情
以下内容含错误标记

2005-3-4 21:23:00
回到顶部
A.S.A.P.
美女呀，离线，留言给我吧！
头衔：展夕
等级：版主
威望：1
文章：1991
积分：4239
注册：2002年10月10日
发贴心情
雅 兰 如 家 伴 我 温 馨


2005-3-8 4:01:03
回到顶部

RSS2.0     无图版    状态    自定宽度： 像素
Copyright ©2000 - 2006 FlameSky·New Age Music    Powered By Dvbbs Version 8.1.1
页面执行时间 0.42188 秒, 5 次数据查询