做音乐帖简明教程（为思雨1234制作高手莫入）(页 1) - 音乐天地 - 音画专区 - IT家园 IT998.com,流浪者家园,电脑技术论坛

wzyh 发表于 2007-12-20 19:40

做音乐帖简明教程（为思雨1234制作高手莫入）

<P><FONT face=楷体_GB2312 color=#4169e1 size=6>这是制作教程的边框：</FONT></P>
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004122517350623.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173521566.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223049305.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#f0ffff size=5><STRONG><EM>加入内容</EM></STRONG></FONT></P></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>
<P> </P><FONT color=red size=7><STRONG>
<P><FONT color=red size=6><STRONG>这是边框代码：</STRONG></FONT> </P>
<P></P>
<P><FONT color=black size=3><TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004122517350623.gif border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173521566.gif border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223049305.jpg border=0><BR><TBODY><BR><TR><BR><TD><BR><P align=center><FONT color=#f0ffff size=5><STRONG><EM>加入内容</EM></STRONG></FONT></P></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></FONT></P>
<P><STRONG><FONT color=black size=3></FONT></STRONG> </P></STRONG></FONT>
<P><FONT color=red size=7><STRONG>以下是教程</STRONG></FONT> </P>
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004122517350623.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173521566.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225172949648.jpg border=1>
<TBODY>
<TR>
<TD> 
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223049305.jpg border=0>
<TBODY>
<TR>
<TD><FONT color=#f0ffff size=5><STRONG>
<P align=center><FONT color=#212223 size=5><SPAN class=bold><FONT color=red></FONT></SPAN></FONT> </P>
<P align=center><FONT color=#212223 size=5><SPAN class=bold><FONT color=red>不懂代码也同样可以做精美的音画帖</FONT></SPAN></FONT></P><FONT color=#212223 size=5><SPAN class=bold></SPAN>
<P align=center><FONT color=lime></FONT> </P>
<P align=center><FONT color=yellow>在</FONT><A style="COLOR: blue" href="http://www.discuz.net/" target=_blank><B><FONT color=yellow>Discuz!</FONT></B></A><FONT color=yellow>代码模式下做边框</FONT></P>
<P align=center><FONT color=#ffff00></FONT> </P>
<P align=left><FONT size=4><FONT color=lime>1.在论坛发帖处或回复处（不是快速回复）点击</FONT><A style="COLOR: blue" href="http://www.discuz.net/" target=_blank><B><FONT color=lime>Discuz!</FONT></B></A><FONT color=lime> 代码模式</FONT></FONT></P>
<P align=left><FONT color=#00ff00 size=4>2.勾选“启用HTML代码禁用 <A href="http://wzyh.aa.topzj.com/faq.php?action=message&id=32" target=_blank><FONT color=#0000ff>Smilies</FONT></A> </FONT></P>
<P align=left><FONT color=#00ff00 size=4>3.复制粘贴上面的边框代码</FONT></P>
<P align=left><FONT color=#00ff00 size=4>4.点击”所见即所得模式“，就看见边框了！</FONT></P>
<P align=left><FONT color=#00ff00 size=4>现在，就可以进行下面的操作啦！</FONT></P>
<P align=center><BR><FONT color=yellow>在所见所即所得模式下添加文字</FONT><FONT color=lime size=4><BR>   <BR></P></FONT>
<P align=left><FONT color=lime size=4>1、用鼠标点表格的中间处，你看到光标在闪动，这时你就能写入文字了，也可以复制粘贴文字。</FONT></P>
<P align=left><FONT color=lime size=4>2、编辑表格中的文字</FONT></P>
<P align=left><FONT color=lime size=4>将鼠标放到表格中文字的最前面，点击，然后横拖鼠标选中，你看到字的背景颜色是蓝色时你就可以操作了。</FONT></P>
<P align=left><FONT color=lime size=4>3、编辑文字</FONT></P>
<P align=left><FONT color=lime size=4>居中：点居中图标</FONT></P>
<P align=left><FONT color=lime size=4>字体：选择你喜欢的字体，有很多选项</FONT></P>
<P align=left><FONT color=lime size=4>字号：论坛中的编辑器是数字越大字也就越大，论坛最大为7号字。</FONT></P>
<P align=left><FONT color=lime size=3>以嵌套方式调用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在<font>标签里用以下代码替换纯HTML原来的元素即可。</FONT></P>
<P align=left><FONT color=lime size=3>代码：</FONT></P>
<P align=left><FONT color=lime><FONT size=3><font color=#ff0000 style="font-size: <FONT color=red>100</FONT>pt;font-family:华文行楷,隶书,黑体">春天</font><BR>改变<FONT color=lime>font-size: <FONT color=red>100</FONT>pt的数字即可改变文字的大小。</FONT></FONT></P></FONT>
<P align=left><FONT color=lime size=4>字体颜色：点开A自由选色，满意为止）</FONT></P>
<P align=left><FONT color=#00ff00 size=4></FONT> </P>
<P align=center><FONT color=yellow>在所见所即所得模式下添加你喜欢的图片</FONT></P>
<P align=center><FONT color=#00ff00 size=4></FONT> </P>
<P align=left><FONT color=#00ff00 size=4>1.选找到你喜欢的图片，按住鼠标从上往下拉，图片变黑，右击，点复制。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>2.用鼠标点击你要在边框中添加图片处，你看到光标在闪动，就可粘贴你喜欢的图片了。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>3.调整图片的位置</FONT></P>
<P align=left><FONT color=#00ff00 size=4>按住鼠标左键从图片上面往下拉，待图片变黑，就可进行下面的操作：</FONT></P>
<P align=left><FONT color=#00ff00 size=4>居左：点居左图标</FONT></P>
<P align=left><FONT color=#00ff00 size=4>居中：点居中图标</FONT></P>
<P align=left><FONT color=#00ff00 size=4>居右：点居右图标  </FONT></P>
<P align=left><FONT color=#00ff00 size=4>还可对图片的位置进行微调：    </FONT></P>
<P align=left><FONT color=lime size=4>在图片的上部点击，光标闪动，按确认键，可向下调。</FONT></P>
<P align=left><FONT color=lime size=4>在图片的左则点击，光标闪动，敲空格键，可向右调。</FONT></P>
<P align=left> </P>
<P align=center><A href="http://www.cn0577.com/movie/sort.asp?page=36&id=&keyword=&serachfs=&order=&gra=" target=_top><IMG src="http://www.cn0577.com/movie/UploadFile/2007730122551445.jpg" align=top border=0></A></P>
<P align=center><BR> </P>
<P align=center><A href="http://www.dyskdvd.net/html/movie_18226.shtml" target=_top><IMG src="http://www.dyskdvd.net/WebMedia/VODJPG/0120070329222644.jpg" align=top border=0></A></P>
<P align=center> </P>
<P align=center><FONT size=+0><FONT color=yellow>在所见即所得模式</FONT><A style="COLOR: blue" href="http://www.discuz.net/" target=_blank><B><FONT color=yellow>Discuz!</FONT></B></A><FONT color=yellow> 模式下添加FLSH</FONT></FONT></P>
<P align=left><FONT color=#00ff00 size=4>1.选好插入flash的代码和flash 如：</FONT></P>
<P align=left><FONT color=lime size=3><EMBED height=400 pluginspage=http://www.macromedia.com/go/getflashplayer src=<FONT color=red>地址</FONT> type=application/x-shockwave-flash width=200 quality="high"></EMBED></FONT></P>
<P align=left><A href="http://bbs1.hnol.net/200504/tianshi/yinhua/dnzsjch/e.swf"><FONT color=red size=3>http://bbs1.hnol.net/200504/tianshi/yinhua/dnzsjch/e.swf</FONT></A></P>
<P align=left><FONT color=#00ff00 size=4>2.在所见即所得模式下，在你要添加的地方输入几个文字，我输入的是”添加FLASH“。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>3.点<FONT color=lime>击“</FONT><A style="COLOR: blue" href="http://www.discuz.net/" target=_blank><B><FONT color=lime>Discuz!</FONT></B></A> 模式”，在代码中找到“添加FLASH”几个文字，用左键抹黑，粘贴前面复制的代码即可。</FONT></P>
<P align=left><A href="http://bbs.klmy.net/UploadFile/2007-5/20075816123662643.swf"></A> </P>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://bbs1.hnol.net/200504/tianshi/yinhua/dnzsjch/e.swf width=330 height=170 type=application/x-shockwave-flash quality="high"></EMBED></P>
<P align=center><FONT color=yellow>在所见所即所得模式和</FONT><A style="COLOR: blue" href="http://www.discuz.net/" target=_blank><B><FONT color=yellow>Discuz!</FONT></B></A><FONT color=yellow> 下添加播放器和音乐</FONT></P>
<P align=center><FONT color=#00ff00 size=4></FONT> </P>
<P align=left><FONT color=#00ff00 size=4>1.选好播放器代码（<FONT color=yellow><EMBED style="FILTER: Xray" src=音乐地址width=300 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED></FONT><FONT color=mediumturquoise>，</FONT>复制到记事本上。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>2.找好你要添加的音乐（<A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3"><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://staff2.ustc.edu.cn/~ykw/xbl.mp3" target=_blank><A href="http://www.73cq.net/ad/"><FONT color=red>http://www.73cq.net/ad/</FONT></A><FONT color=red>女儿情.mp3</FONT>），把音乐地址代入播放器的代码中。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>3.在边框中要添加播放器的地方输入几个字（如：添加音乐）。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>4.点" Discuz!代码模式"，复制播放器代码，抹黑刚添加的几个字（添加音乐），粘贴播放器代码到抹黑处。</FONT></P>
<P align=left><FONT color=#00ff00 size=4>这下你就可以点发新话题，发表自己的帖子啦！一切OK！</FONT></P>
<P align=left><FONT color=#00ff00 size=4></FONT> </P>
<P align=center><EMBED style="FILTER: Xray" src=http://www.73cq.net/ad/女儿情.mp3 width=300 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED> </P>
<P align=center><FONT color=red size=4></FONT> </P>
<P align=center><FONT color=red size=4>署名：某某制作</FONT></P>
<P align=center></FONT></STRONG></FONT> </P></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>

[[i] 本帖最后由 wzyh 于 2007-12-21 09:23 编辑 [/i]]

wzyh 发表于 2007-12-20 19:45

[size=4][color=red][b]建议开两个浏览器窗口，一步一步照着做！我想你一定会的…！祝你成功！[/b][/color][/size]

wzyh 发表于 2007-12-20 19:49

<BR><FONT color=blue size=4><STRONG>点歌代码：<BR></STRONG></FONT><BR><BR>
<P align=center><EMBED id=mp3Player style="FILTER: invert()" src=http://www.dabaoku.com/bjyinyue/mid/1.mid width=400 height=66 type=audio/mpeg AutoStart="1" EnableContextMenu="-1" loop="1" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0"> <BR><BR><BR>
<TABLE borderColor=#000000 height=50 cellSpacing=0 cellPadding=0 width=400 align=center border=0>
<TBODY>
<TR>
<TD>当前播放曲目： </TD>
<TD><FONT id=titleid style="FONT-SIZE: 19pt; WIDTH: 220px; CURSOR: hand; COLOR: #ff00ff; FONT-FAMILY: 华文新魏">十五的月亮</FONT><BR><BR><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/1.mid"></FONT></TD>
<TD><IMG src="http://www.sqkz.com/yyy/tb/gb.gif"> </TD></TR></TBODY></TABLE><BR>
<TABLE borderColor=#000000 height=20 cellSpacing=0 cellPadding=0 width=300 align=center border=0>
<TBODY>
<TR>
<TD><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/1.mid">十五的月亮 </FONT></TD></TR>
<TR>
<TD><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/10.mid">爱的奉献-韦唯 </FONT></TD></TR>
<TR>
<TD><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/57.mid">边疆处处赛江南 </FONT></TD></TR>
<TR>
<TD><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/196.mid">红星闪闪 </FONT></TD></TR>
<TR>
<TD><FONT style="CURSOR: hand; COLOR: #00ff00" value="http://www.dabaoku.com/bjyinyue/mid/5.mid">阿拉伯风格绮想曲 </FONT></TD></TR></TBODY></TABLE></P>

[[i] 本帖最后由 wzyh 于 2007-12-22 23:00 编辑 [/i]]

wzyh 发表于 2007-12-20 19:50

<DIV class=t_msgfont id=postmessage_86779>
<P><p align="center"><BR><EMBED style="FILTER: invert()" id=mp3Player src=http://www.dabaoku.com/bjyinyue/mid/1.mid width=400 height=66 type=audio/mpeg AutoStart="1" EnableContextMenu="-1" loop="1" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0"><BR><br><br><br><BR><BR><table width="400" height="50" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor=#000000><BR><tr><BR><td><BR>当前播放曲目：<BR></td><BR><td><font style='CURSOR: hand; width:220px; color: #FF00ff; FONT-FAMILY: 华文新魏; FONT-SIZE: 19pt;' id=titleid>十五的月亮</font><br><br><FONT color=#ffcccc><BR></FONT><STRONG><FONT color=magenta><font style='CURSOR: hand;color: #00FF00;' onclick="mp3Player.FileName=this.value;titleid.innerText='十五的月亮'" value=http://www.dabaoku.com/bjyinyue/mid/1.mid><BR></font><BR></FONT></STRONG></td><BR><td><img src=http://www.sqkz.com/yyy/tb/gb.gif><BR></td></tr></table><BR><BR><br><BR><BR><table width="300" height="20" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor=#000000><BR><BR><tr><td><BR><font style='CURSOR: hand;color: #00FF00;' onclick=mp3Player.FileName=this.value;titleid.innerText='十五的月亮' value=http://www.dabaoku.com/bjyinyue/mid/1.mid><BR>十五的月亮<BR></font><BR></td></tr><BR><BR><tr><td><BR><font style='CURSOR: hand;color: #00FF00;' onclick=mp3Player.FileName=this.value;titleid.innerText='爱的奉献-韦唯' value=http://www.dabaoku.com/bjyinyue/mid/10.mid><BR>爱的奉献-韦唯<BR></font><BR></td></tr><BR><BR><tr><td><BR><font style='CURSOR: hand;color: #00FF00;' onclick=mp3Player.FileName=this.value;titleid.innerText='边疆处处赛江南' value=http://www.dabaoku.com/bjyinyue/mid/57.mid><BR>边疆处处赛江南<BR></font><BR></td></tr><BR><BR><tr><td><BR><font style='CURSOR: hand;color: #00FF00;' onclick=mp3Player.FileName=this.value;titleid.innerText='红星闪闪' value=http://www.dabaoku.com/bjyinyue/mid/196.mid><BR>红星闪闪<BR></font><BR></td></tr><BR><BR><FONT color=blue><STRONG><tr><td><BR><font style='CURSOR: hand;color: #00FF00;' onclick=mp3Player.FileName=this.value;titleid.innerText='阿拉伯风格绮想曲' value=http://www.dabaoku.com/bjyinyue/mid/5.mid><BR>阿拉伯风格绮想曲 <BR></font><BR></td></tr><BR></STRONG></FONT><BR></table></P>
<P><BR>按需要复制蓝色代码,换掉歌曲名和地址.<BR>粉红色是开始播放曲.<BR><BR>可去掉表格,按需要各部分随便放.<BR>但标题前面有"当前播放曲目"等字样,最好做表格,因为歌名长短不一时他会跟着走.<BR style="CLEAR: both"></P></DIV>

[[i] 本帖最后由 wzyh 于 2007-12-20 19:53 编辑 [/i]]

云佛纳 发表于 2007-12-20 19:57

有福同享:Q
顶起来!:victory: :Q

wzyh 发表于 2007-12-20 20:01

学习音画的一点体会在我第一次见到优美的音画帖时,内心很激动,怎么还有这么美的东西,一心想把它保存下来,可是怎么都做不到,在一次寻问高手后才得知,音画帖是用代码做的,是无法保存在本地来欣赏（其实是可以保存的）,从此我才知道还有代码一说,同时朋友告诉我学习音画的一些技巧:
1.找教程看.(但初次接触到代码往往都是头发晕,好象在看天书)看多了您就可以从中发现代码的一些规律来,虽说有很多代码我至今也不知他是什么意思,不过也不要紧,因为那都是定式,你也不用去管他,留待以后慢慢去熟悉.
2.在转帖中学习.这是很关键的,每当你看到一幅好音画作品时,你要研究他的代码组成,(如何找到它的代码呢?你可以采用以下的步骤:

[color=#ff0000]方法一:[/color]

查看源代码,复制保存下来,你会发现代码是很有规律性的:

[color=#ff0000](第一层:也就是背景底层,该层决定画面距左边距离LEFT: -160px;负数越大越往左, 宽度:WIDTH: 850px; 通常不大于1024全屏,及离顶部距离TOP: 80px,一般在50-200之间,这些基本数据都在此层调整)[/color]

<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px" cellSpacing=50 borderColorDark=#007500 cellPadding=0 borderColorLight=#ff8533 background=[color=#ff0000](背景图地址)[/color]border=0>

[color=#ff0000](第二层:边框)[/color]
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="93%" background=http://www.sunjelly.com/sucai/yumao/J2.jpg border=1>

[color=#ff0000](第三层:边框)[/color]
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/hua/harunouta6a.jpg border=1>

[color=#ff0000](第四层:边框,视情况可以继续增加边框层)[/color]
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE borderColor= #424200 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/zb/5/d01_1_050620.jpg border=1>

[color=#ff0000](标题文字...你希望文字在哪出现就放在哪里)[/color]
<TBODY>
<TR>
<TD align=middle>
<p align=center> [color=#ff0000]注:<p align="#"> 代表文字(同时也适用于图片)在画面中的对齐方式,#号可为 left左对齐; center中对齐; right右对齐;[/color]
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF);WIDTH: 100%; COLOR: #00BB00; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行书"><B>精美溶图欣赏</B></FONT></P><BR><BR>

[color=#ff0000](主题图片:图片可以是单幅也可以是多幅)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_79f334cd8a32c26.jpg height=846></TD></TR></TBODY></TABLE> <BR>
[color=#ff0000](在该图片上加FLASH)[/color]
<EMBED style="LEFT: 80px; WIDTH: 600px; POSITION: absolute; TOP: 100px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 height=846 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_128003aafbe1237.jpg height=502></TD></TR></TBODY></TABLE><BR>
[color=#ff0000](在该图片上加FLASH)[/color]
<EMBED style="LEFT: 60px; WIDTH: 500px; POSITION: absolute; TOP: 750px; HEIGHT: 846px" align=center src=http://imgfree.21cn.com/free/flash/45.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_242e9cdf09c174f.jpg height=846></TD></TR></TBODY></TABLE><BR>
[color=#ff0000](在该图片上加FLASH)[/color]
<EMBED style="LEFT: 50px; WIDTH:600px; POSITION: absolute; TOP: 1050px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=846 height=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_63b30a5193ba855.jpg height=864></TD></TR></TBODY></TABLE><BR>
[color=#ff0000](在该图片上加FLASH)[/color]
<EMBED style="LEFT: 80px; WIDTH:600px; POSITION: absolute; TOP: 1300px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_07e6012b520b046.jpg height=846></TD></TR></TBODY></TABLE><BR>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_973eaf75b556b59.jpg height=846></TD></TR></TBODY></TABLE><BR>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=768
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_0b6f0895b1c1c7b.jpg height=585></TD></TR></TBODY></TABLE><BR>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_8fead7c13751ea7.jpg height=846></TD></TR></TBODY></TABLE><BR>

[color=#ff0000](主题图片)[/color]
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_bbb8d996ad6d2ee.jpg height=846></TD></TR></TBODY></TABLE><BR>

[color=#ff0000](落款文字)[/color]
<p align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF); WIDTH: 100%; COLOR: #82D900; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行楷"><B>编辑:逍遥公子<BR>07.12.20</B></FONT></P>

[color=#ff0000](音乐)[/color]
<EMBED src=http://www.greengra.com/Marc%20Anthony%20-%20Dimelo%20-%2001%20-%20Track%20%201.mp3 width=0 height=0 hidden=true type=audio/x-pn-realaudio-plugin autostart="true" loop="true"
<DIV></DIV><BR></DIV>
[color=#ff0000]这里的width(宽)=0 height(高)=0意思是播放器不可见,如要想可见请设置宽高即可[/color]

[color=#ff0000](代码结束语)[/color]
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<DIV><BR>
<DIV></DIV><BR></DIV>
</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>

[color=#ff0000](代码结尾空行字符)[/color]
<BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR>

每一个循环就代表一张图片,一幅音画会有很多图片组成,所以他有规律性.你可以把代码中的连接地址复制到浏览器中看看是音画中的哪张图片,从而领悟出音画帖的结构.

[color=#ff0000]方法二:[/color]

在音画帖页面点右键,查看源代码或点查看/源文件,在打开的记事本中找出该帖的代码,一般音画帖都是以:<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px".......字符开头,以这些字符结尾:</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>
<BR><BR><BR><BR>

把你找到的代码保存起来慢慢领会,这是很关键的,当你对代码有所领悟后,就可以试着发帖,但一定不要心急,不要想着一次就会成功,高手也很难保证一次就OK,也需要不停地调整数据才行.

[font=黑体][size=5][color=#ff0000]特别注意:边框是从第一层的背景层开始,一层一层往内收缩,一层压一层,视内容可以做很多的边框层,每增加一层边框相应增加一组代码.[/color][/size][/font]

[font=黑体][size=7][color=#ff0000]Quote:[indent]友情提示:学习音画最有效的捷径就是在转帖中学习,这是个非常重要的方法.[/indent][/color][/size][/font]

我的森林 发表于 2007-12-20 20:08

我才跟着试了一下,那边框基本就是这个吗?
或者是改一下边框的顏色之类的,那应该怎么弄呢?

wzyh 发表于 2007-12-20 20:08

歌词同步代码[size=6][color=red][b]测试代码：[/b][/color][/size]
[color=#556b2f][b][color=blue]<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=gb2312>
<title>歌词同步测试代码</title>
<STYLE type=text/css>
TD { FONT-SIZE: 9pt; LINE-HEIGHT: 17px; }
BODY{
FONT-SIZE: 9pt;
LINE-HEIGHT: 17px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#lrcollbox td, #lrcollbox font {font-family: 黑体; font-size: 16px;}
#lrcoll td { color:#0080C0; cursor: default; }
#lrcbox { color:#00FF00 }
#lrcfilter { filter: alpha(opacity=0) }
#lrcbc { color:#FFFF33 }
</STYLE>
</head>
<script language="JavaScript">
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
</script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<span id="lrcdata"></span>
<center>
<object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="aboutplayer" width="480" height="240">
<param name="url" value="[/color][url=http://www.whx.gov.cn/forumimages/200781017311743.wma][color=red]http://www.whx.gov.cn/forumimages/200781017311743.wma[/color][/url][color=blue]">
<param name="volume" value="100">
<param name="enablecontextmenu" value="0">
<param name="enableerrordialogs" value="0">
</object>
<div id="lrcollbox" style="overflow:hidden; height:260; width:480; background-color:#000000;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" id="lrcoll" style="position:relative; top: -20px;" >
<tr><td nowrap height="20" align="center" id="lrcwt1"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt2"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt3"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt4"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt5"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt6"></td></tr>
<tr><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcwt7" style="height:20"></span></td></tr>
<tr style="position:relative; top: -20px; z-index:6"><td nowrap height="20"><div id="lrcfilter" style="overflow:hidden; width:100%; color:#FFFF33; height:20"></div></td></tr>
</table>
</td></tr>
<tr style="position:relative; top: -20px"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox" style="height:20">歌词加载中</span></td></tr>
<tr style="position:relative; top: -20px; z-index:6;"><td nowrap height="20"><div id="lrcbc" style="overflow:hidden; height:20; width:0;"></div></td></tr>
</table>
</td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt8"></td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt9"></td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt10"></td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt11"></td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt12"></td></tr>
<tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt13"></td></tr>
</table>
</div>
</center>
<script language="JavaScript">
var lrc0;
var lrc1;
var min;
lrcobj = new lrcClass(lrcdata.innerHTML.slice(4,-3)); [/color][/b][/color]
[b][color=blue]function lrcClass(tt)
{
this.inr = [];
this.min = []; [/color][/b]
[b][color=blue]this.oTime = 0; [/color][/b]
[b][color=blue]this.dts = -1;
this.dte = -1;
this.dlt = -1;
this.ddh;
this.fjh; [/color][/b]
[b][color=blue]lrcbc.style.width = 0; [/color][/b]
[b][color=blue]if(/\[offset\:(\-?\d+)\]/i.test(tt))
this.oTime = RegExp.$1/1000; [/color][/b]
[b][color=blue]tt = tt.replace(/\[\:\][^$\n]*(\n|$)/g,"$1");
tt = tt.replace(/\[[^\[\]\:]*\]/g,"");
tt = tt.replace(/\[[^\[\]]*[^\[\]\d]+[^\[\]]*\:[^\[\]]*\]/g,"");
tt = tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");
tt = tt.replace(/<[^<>]*[^<>\d]+[^<>]*\:[^<>]*>/g,"");
tt = tt.replace(/<[^<>]*\:[^<>]*[^<>\d\.]+[^<>]*>/g,""); [/color][/b]
[b][color=blue]while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
{
tt = tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
var zzzt = RegExp.$1;
/^(.+\])([^\]]*)$/.exec(zzzt);
var ltxt = RegExp.$2;
var eft = RegExp.$1.slice(1,-1).split("][");
for(var ii=0; ii<eft.length; ii++)
{
var sf = eft[ii].split(":");
var tse = parseInt(sf[0],10) * 60 + parseFloat(sf[1]);
var sso = { t:[] , w:[] , n:ltxt }
sso.t[0] = tse-this.oTime;
this.inr[this.inr.length] = sso;
}
}
this.inr = this.inr.sort( function(a,b){return a.t[0]-b.t[0];} ); [/color][/b]
[b][color=blue]for(var ii=0; ii<this.inr.length; ii++)
{
while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
{
this.inr[ii].n = this.inr[ii].n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
var tse = parseInt(RegExp.$1,10) * 60 + parseFloat(RegExp.$2);
this.inr[ii].t[this.inr[ii].t.length] = tse-this.oTime;
}
lrcbc.innerHTML = "<font>"+ this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>") +"</font>";
var fall = lrcbc.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
this.inr[ii].w[this.inr[ii].w.length] = fall[wi].offsetWidth;
this.inr[ii].n = lrcbc.innerText;
} [/color][/b]
[b][color=blue]for(var ii=0; ii<this.inr.length-1; ii++)
this.min[ii] = Math.floor((this.inr[ii+1].t[0]-this.inr[ii].t[0])*10);
this.min.sort(function(a,b){return a-b});
min = this.min[0]/2; [/color][/b]
[b][color=blue]this.run = function(tme)
{
if(tme<this.dts || tme>=this.dte)
{
var ii;
for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
if(ii<0) return;
this.ddh = this.inr[ii].t;
this.fjh = this.inr[ii].w;
this.dts = this.inr[ii].t[0];
this.dte = (ii<this.inr.length-1)?this.inr[ii+1].t[0]:aboutplayer.currentMedia.duration; [/color][/b]
[b][color=blue]lrcwt1.innerText = this.retxt(ii-7);
lrcwt2.innerText = this.retxt(ii-6);
lrcwt3.innerText = this.retxt(ii-5);
lrcwt4.innerText = this.retxt(ii-4);
lrcwt5.innerText = this.retxt(ii-3);
lrcwt6.innerText = this.retxt(ii-2);
lrcwt7.innerText = this.retxt(ii-1);
lrcfilter.innerText = this.retxt(ii-1);
lrcwt8.innerText = this.retxt(ii+1);
lrcwt9.innerText = this.retxt(ii+2);
lrcwt10.innerText = this.retxt(ii+3);
lrcwt11.innerText = this.retxt(ii+4);
lrcwt12.innerText = this.retxt(ii+5);
lrcwt13.innerText = this.retxt(ii+6);
this.print(this.retxt(ii));
if(this.dlt==ii-1)
{
clearTimeout(lrc0);
if(lrcoll.style.pixelTop!=0) lrcoll.style.top = 0;
golrcoll(0);
clearTimeout(lrc1);
lrcfilter.filters.alpha.opacity = 100;
golrcolor(0);
}
else if(parseInt(lrcoll.style.top)!=-20)
{
clearTimeout(lrc0);
lrcoll.style.top = -20;
clearTimeout(lrc1);
lrcfilter.filters.alpha.opacity = 0;
}
this.dlt = ii;
}
var bbw = 0;
var ki;
for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
bbw += this.fjh[ki];
var kt = ki-1;
var sc = ((ki<this.ddh.length)?this.ddh[ki]:this.dte) - this.ddh[kt];
var tc = tme - this.ddh[kt];
bbw -= this.fjh[kt] - tc / sc * this.fjh[kt];
if(bbw>lrcbox.offsetWidth)
bbw = lrcbox.offsetWidth;
lrcbc.style.width = Math.round(bbw);
} [/color][/b]
[b][color=blue]this.retxt = function(i)
{
return (i<0 || i>=this.inr.length)?"":this.inr[i].n;
} [/color][/b]
[b][color=blue]this.print = function(txt)
{
lrcbox.innerText = txt;
lrcbc.innerText = txt;
} [/color][/b]
[b][color=blue]this.print("欢迎光临—逍遥");
lrcwt1.innerText = "";
lrcwt2.innerText = "";
lrcwt3.innerText = "";
lrcwt4.innerText = "";
lrcwt5.innerText = "";
lrcwt6.innerText = "";
lrcwt7.innerText = "";
lrcfilter.innerText = "";
lrcwt8.innerText = "";
lrcwt9.innerText = "";
lrcwt10.innerText = "";
lrcwt11.innerText = "";
lrcwt12.innerText = "";
lrcwt13.innerText = "";
} [/color][/b]
[b][color=blue]function lrcrun()
{
with(aboutplayer)
{
lrcobj.run(controls.currentPosition);
}
if(arguments.length==0) setTimeout("lrcrun()",10);
} [/color][/b]
[b][color=blue]function golrcoll(s)
{
lrcoll.style.top = -(s++)*2;
if(s<=9)
lrc0 = setTimeout("golrcoll("+s+")",min*10);
} [/color][/b]
[b][color=blue]function golrcolor(t)
{
lrcfilter.filters.alpha.opacity = 110-(t++)*10;
if(t<=10)
lrc1 = setTimeout("golrcolor("+t+")",min*10);
}
window.onerror = function()
{return true;}
lrcrun();
</script>
</body>
</html>[/color][/b]
[size=6][color=darkolivegreen][b]复制粘贴到[/b][url=http://www.17zm.net/tools/DIY.htm][color=#800080]http://www.17zm.net/tools/DIY.htm[/color][/url][/color][/size][size=6][color=darkslategray][b]运行[/b][/color][/size][i]“[/i][size=4][color=darkslategray][b]HTML[/b][/color][/size][i]”即可测试！[/i]
[size=6][color=red][b]播放代码[/b][/color][/size]
[color=blue][b]<style>
v\:*{behavior:url(#default#VML)}
v\:textpath{font-family:楷体_gb2312;font-size:26px;v-text-align:left}
</style>
<body>
<xmp id=xLyric style=display:none>
[/b][b][color=red][ti:青春日记]
[ar:沙宝亮]
[al:逍遥公子欢迎你]
[00:01.25]青春日记(逍遥记录编辑)
[00:07.03]作词：谭克媛作曲：侯均
[00:14.94]编曲：孟可
[00:20.73]演唱：沙宝亮
[00:26.41]我在青春的日记里流浪
[00:31.61]迷惘的脚步一行一行
[00:37.43]走过欢喜走过忧伤
[00:42.50]走过那些莫名的惆怅
[02:19.52][00:48.10]还有那初次动情的地方
[02:24.93][00:53.42]当年龄在记忆里成长
[02:30.65][00:59.00]我的目光我的歌唱
[02:35.77][01:04.24]每一天都在这里珍藏
[02:41.48][01:09.81]我对你谈起的那些梦想
[02:46.82][01:15.48]还有我的年少轻狂
[02:52.38][01:20.87]青春的日记应该充满阳光
[02:57.79][01:26.16]照亮了每一页年轻的时光
[03:29.38][03:03.24][01:31.67]积蓄温暖积蓄力量
[03:34.73][03:08.68][01:37.09]因为我和我的梦正奔跑在路上
[03:40.10][03:14.07][01:42.45]来不及叹息来不及思量来不及回头望
[03:50.72][03:24.40][01:53.17]因为青春正长
[/color]</xmp>
</body>
</html>
<script>
window.onerror=function(){return false}
start()
function start(){
browser_ini()
timer_ini()
emv_ini()
lrc.setData(oo("xLyric").innerHTML)
lrc.write("歌曲载入中，请耐心等待...","l")
emv.play("[/b][/color][url=http://www.whx.gov.cn/forumimages/200781017311743.wma][color=red][b]http://www.whx.gov.cn/forumimages/200781017311743.wma[/b][/color][/url][color=blue][b]")
}
function emv_ini(){
var l
window.emv={}
lrc_ini()
l="<div id=bxEmv style=position:absolute;left:100;top:200;width:600;height:460>"
l+="<div style=position:absolute;left:0;top:0;width:600;height:460;></div>"
l+="<div id=bxEmvScreen style=position:absolute;overflow:hidden;left:19;top:26;width:560;height:360;>"
l+="</div>"
l+="</div>"
l+="<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 id=mplayer width=250 height=200 style=display:none></object>"
insHtm(document.body,l)
emv.play=function(url){oo("mplayer").FileName=url;oo("mplayer").Play()}
emv.time=function(){
  var mPos=mplayer.CurrentPosition,n=lrc.i
  var n1,o,len,w,per,n0,n1
  n1=n<lrc.arr.length-1?lrc.arr[n+1].slice(0,"|")*1:9999
  if(n1<mPos){
lrc.i++
n++
if(n==0)
lrc.write(lrc.arr[n].slice("|"),"l")
if(n<lrc.arr.length-1)
lrc.write(lrc.arr[n+1].slice("|"),n%2==1?"l":"r")
  }
  if(n>=0){
n0=lrc.arr[n].slice(0,"|")
n1=lrc.arr.length>n+1?lrc.arr[n+1].slice(0,"|"):4
o=oo("bxCaption_"+(n%2==0?"l":"r")+"_cover")
len=o.time!=""?o.time*1:n1-n0
per=(mPos-n0)/len
for(i=0.001;i<1;i+=0.001){
per1=lrc.getRealPos(o,i)
if(per1>=per)
   break
}
o.style.width=o.width*i
  }
}
timer.add("emv.time()")
}
function lrc_ini(){
window.lrc={}
lrc.wordPer=function(str,pos){
  return str.slice(0,pos).replace(/[^\x00-\xff]/g,"  ").length/str.replace(/[^\x00-\xff]/g,"  ").length
}
lrc.setData=function(str){
  var l,a,i,ad,n,j
  str=str.replace(/\|/g,"").replace(/\r\n/g,"\n")
  str=str.replace(/\[(\d\d)\:(\d\d)\.(\d\d)\]/g,function($0,$1,$2,$3){return ($1*60+$2*1+$3/100)+"|"})
  a=str.split("\n")
  lrc.arr=new Array()
  for(i=0;i<a.length;i++){
ad=a.split("|")
for(j=1;j<ad.length;j++){
lrc.arr.add(ad[j-1]+"|"+ad[ad.length-1])
}
  }
  lrc.i=-1
  sortIndex=0
  sortDir=1
  lrc.arr.sort(sortFoo)
}
lrc.getRealPos=function(obj,pos){
  var a=obj.path,zoom=obj.zoom,pos1=pos*zoom
  var a,i,ad
  for(i=0;i<a.length;i++){
ad=a
if(pos<=ad[0])
continue
if(pos>ad[0]&&pos<=ad[1])
pos1+=(zoom*ad[2]-zoom)*(pos-ad[0])
else{
pos1+=(zoom*ad[2]-zoom)*(ad[1]-ad[0])
}

  }
  return pos1
}
lrc.write=function(str,pos){
  var word=str,style=""
  var x,y,l,w,w1,o,a,i,ad
  if(/^\<.+\>/.test(str)){
word=str.slice(">")
style=str.slice(1).slice(0,">")
  }
  w=word.replace(/[^\x00-\xff]/g,"  ").length*13+2
  if(pos=="l"){
x=40
y=285
  }
  else{
x=520-w
y=315
  }
  l="<div id=bxCaption_"+pos+" style='position:absolute;left:"+x+";top:"+y+";width:"+w+";height:32;overflow:hidden'>"
  l+="<v:curve to=800,1 strokecolor=black strokeweight=3 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="<v:curve to=800,1 strokecolor=white fillcolor=white strokeweight=1 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="</div>"
  l+="<div id=bxCaption_"+pos+"_cover width="+w+" style=position:absolute;left:"+x+";top:"+y+";width:0;height:32;overflow:hidden>"
  l+="<v:curve to=800,1 strokecolor=white strokeweight=3 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="<v:curve to=800,1 strokecolor=blue fillcolor=blue strokeweight=1 style=position:absolute;top:14>"
  l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
  l+="</div>"
  odel("bxCaption_"+pos)
  odel("bxCaption_"+pos+"_cover")
  insHtm("bxEmvScreen",l)
  o=oo("bxCaption_"+pos+"_cover")
  o.time=style.get("time")
  o.path=new Array()
  len1=1
  a=style.split(";")
  for(i=0;i<a.length;i++){
if(!/(\d+):(\d+)/.test(a))
continue
if(/(\d+)-(\d+):(\d+)/.test(a)){
ad=/(\d+)-(\d+):(\d+)/.exec(a)
ad[0]=lrc.wordPer(word,ad[1]-1)
ad[1]=lrc.wordPer(word,ad[2]*1)
ad[2]=ad[3]
}
else{
ad=/(\d+):(.+)/.exec(a)
ad[0]=lrc.wordPer(word,ad[1]-1)
ad[1]=lrc.wordPer(word,ad[1]*1)
}
len1+=(ad[1]-ad[0])*(ad[2]-1)
o.path.add(ad)
  }
  o.zoom=1/len1
}
}
function browser_ini(){
window.isIE=navigator.userAgent.indexOf("IE")>0
window.isIE5=navigator.userAgent.indexOf("IE 5.0")>0
String.prototype.trim=function(){return this.replace(/(^[\s]*)|([\s]*$)/g,"")}
String.prototype.inc=function(s1,s2){if(s2==null){s2=","};return (s2+this+s2).indexOf(s2+s1+s2)>-1?true:false}
String.prototype._slice="".slice
String.prototype.slice=function(n1,n2){var v,b1=typeof(n1)=="number",b2=typeof(n2)=="number";if(!b1||typeof(n2)=="string"){v=eval("this._slice("+(b1?n1:this.indexOf(n1)+(n2==null?1:0)+(this.indexOf(n1)==-1?this.length:0))+(n2==null?"":(b2?n2:(this.indexOf(n2)==-1?"":","+this.indexOf(n2))))+")")}else{v=isIE5&&n1<0&&n2==null?this._slice(this.length-1):eval("this._slice(n1"+(n2==null?"":","+n2)+")")}return v}
String.prototype.get=function(str,def){if(this.inc(str,";"))return 1;var a=this.match(new RegExp("(^|;)"+str+":[^;]*"));return a==null||str==""?(def==null?"":def):a[0].replace(";","").slice(str.length+1)}
Array.prototype.add=function(key){this[this.length]=key}
window.oo=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj}
window.insHtm=function(op,html,inEnd){op=oo(op);if(isIE){op.insertAdjacentHTML(inEnd==null?"beforeend":"afterbegin",html)}else{var r=op.ownerDocument.createRange();r.setStartBefore(op);eval("op."+(inEnd==null?"appendChild":"insertBefore")+"(r.createContextualFragment(html),op.firstChild)");}}
window.odel=function(obj){if(oo(obj)!=null){oo(obj).parentNode.removeChild(oo(obj))}}
if(!isIE){
   HTMLElement.prototype.contains=function(node){if(!node)return false;do if(node==this){return true}while(node=node.parentNode){return false}}
  Event.prototype.__defineGetter__("srcElement",function(){var node=this.target;while(node.nodeType!=1){node=node.parentNode}return node})
  Event.prototype.__defineGetter__("toElement",function(){return this.relatedTarget})
}
}
function timer_ini(){
window.timer={}
timer.handle=null
timer.queue=""
timer.i=0
timer.add=function(key){if(!timer.queue.inc(key,";")){timer.queue+=key+";"}}
timer.del=function(key){timer.queue=move.queue.replace(key+";","")}
timer.inv=function(){
  window.clearTimeout(timer.handle)
  eval(timer.queue)
  timer.i++
  timer.handle=window.setTimeout("timer.inv()",10)
}
timer.inv()
}
function sortFoo(v1,v2){
var s1=v1.split("|")[sortIndex],s2=v2.split("|")[sortIndex]
if(!isNaN(s1)&&!isNaN(s2)){
  s1*=1
  s2*=1
}
return (s1==s2?0:(s1>s2?1:-1))*sortDir
}
</script>
[/b][/color]
[/i]

我的森林 发表于 2007-12-20 20:10

说实在的这代码看得我眼花!!:L :L

wzyh 发表于 2007-12-20 20:12

回复 #7 我的森林的帖子

网上现成的边框很多，平时注意收集，随用随取。也可自己制作。边框的制作另发。

wzyh 发表于 2007-12-20 20:13

回复 #9 我的森林的帖子

先学简单的制作！

思雨1234 发表于 2007-12-20 20:18

谢谢老师!!!:lol :lol :lol 太美了!
我要感动的:'( :'( :P

wzyh 发表于 2007-12-20 20:18

[size=5][color=blue][b]中国人[/b][/color][/size]
[b][url=http://www.wangziwenzhai.com/images/bg.mp3][color=#0000ff]http://www.wangziwenzhai.com/images/bg.mp3[/color][/url][/b]
[color=red][b][00:00.00]歌手：刘德华
[00:00.00]歌名：中国人
[00:00.00]逍遥记录编制[/b][/color]
[color=red][b][00:18.00] 曲: 陈耀川  词: 李安修  编: 涂惠元/江港生[/b][/color]
[color=red][b][01:35.00][00:25.00] 五千年的风和雨啊  藏了多少梦
[01:40.00][00:30.00] 黄色的脸黑色的眼  不变是笑容
[01:47.00][00:37.00] 八千里山川河岳  像是一首歌
[01:52.00][00:42.00] 不论你来自何方  将去向何处[/b][/color]
[color=red][b][02:47.00][01:59.00][00:49.00] 一样的泪  一样的痛
[02:53.00][02:05.00][00:55.00] 曾经的苦难  我们留在心中
[02:59.00][02:11.00][01:00.00] 一样的血  一样的种
[03:05.00][02:17.00][01:07.00] 未来还有梦  我们一起开拓
[03:25.00][03:13.00][01:12.00] 手牵着手不分你我  昂首向前走
[03:31.00][03:19.00][01:18.00] 让世界知道我们都是中国人
[02:42.00]欢迎光临[/b][/color]

wzyh 发表于 2007-12-20 20:26

<SPAN class=bold>照葫芦画瓢,适合新手入门学习制作音画帖</SPAN><BR><BR>
<DIV class=t_msgfont id=message136931><FONT color=blue size=4>很多朋友想学做音画作品，虽然做帖子的教材很多，但对初学者来说刚接触代码就感到很烦喔，也摸不着头绪，不知从何着手，为了提高大家学音画的兴趣，作了一个简单的代码帖供初学音画的朋友照葫芦画瓢，只要你把这些代码复制下去，照葫芦画瓢你就会掌握做帖子的方法与技巧，而且可以对照代码更换你自已喜欢的背景、图片，还有加文字，换音乐等，我想当你欣赏到这些漂亮的音画作品时，它一定会带给你天天好心情，祝大家开心快乐！</FONT> </DIV>
<TABLE id=table1 style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 40px"

cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041130221616791.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004111418562989949.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223136635.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#f0ffff size=5><STRONG><EM></P><SPAN class=tpc_content>
<CENTER>
<TABLE borderColor=#6c9100 cellPadding=2 width=620 background=http://www.lmbe.seu.edu.cn/blog/user1/99/upload/200512287444.jpg border=9>
<TBODY>
<TR>
<TD>
<P align=center>　
<P align=center><FONT face=华文彩云 color=#6c9100><FONT face=华文新魏 color=#6c9100><FONT size=6><IMG src="http://www.zxtx.org/user/yiyi/yiyijch/06/b8.jpg"></FONT></P>
<P align=center><SPAN class=tpc_content><FONT size=6></FONT></SPAN></P>
<P><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>帖子标题</STRONG></FONT></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字　</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3124.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134025870.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT color=#ff0000 size=6></FONT> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3148.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134051636.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT size=6><BR></FONT></P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle><A href="http://www.snzjw.com/page/200501.htm" target=_top><FONT size=6><IMG src="http://www.snzjw.com/time/0805054a.jpg" align=top border=0></FONT></A><BR></TD></TR></TBODY></TABLE></P>
<P align=center><FONT color=red size=6><STRONG>加入播放器</STRONG></FONT></FONT></FONT></P>
<P align=center><FONT size=6><STRONG></STRONG></FONT> </P>
<P align=center><FONT color=red size=6>编辑制作[落款]</FONT> </P></TD></TR></TBODY></TABLE></CENTER></SPAN></FONT></EM></STRONG></TD></TR></EM></STRONG></FONT>
<P></P></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>

[[i] 本帖最后由 wzyh 于 2007-12-20 20:48 编辑 [/i]]

憧憬人生 发表于 2007-12-20 20:38

好全面的知识，我也来学习了！:)

wzyh 发表于 2007-12-20 20:40

[size=5][color=blue]14楼代码：[/color][/size]
<TABLE id=table1 style="LEFT: -170px; WIDTH: 1000px; POSITION: relative; TOP: 40px"

cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041130221616791.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004111418562989949.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223136635.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#f0ffff size=5><STRONG><EM></P><SPAN class=tpc_content>
<CENTER>
<TABLE borderColor=#6c9100 cellPadding=2 width=620 background=http://www.lmbe.seu.edu.cn/blog/user1/99/upload/200512287444.jpg border=9>
<TBODY>
<TR>
<TD>
<P align=center>　
<P align=center><FONT face=华文彩云 color=#6c9100><FONT face=华文新魏 color=#6c9100><FONT size=6><IMG src="[url=http://www.zxtx.org/user/yiyi/yiyijch/06/b8.jpg]http://www.zxtx.org/user/yiyi/yiyijch/06/b8.jpg"></FONT></P[/url]>
<P align=center><SPAN class=tpc_content><FONT size=6></FONT></SPAN></P>
<P><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>帖子标题</STRONG></FONT></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><A href="[url=http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html]http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html[/url]" target=_top><FONT size=6><IMG src="[url=http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg]http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg[/url]" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字　</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="[url=http://www.webtp.cn/Article/gg/3124.htm]http://www.webtp.cn/Article/gg/3124.htm[/url]" target=_top><FONT size=6><IMG src="[url=http://www.webtp.cn/Article/UploadFiles/200701/2007110134025870.jpg]http://www.webtp.cn/Article/UploadFiles/200701/2007110134025870.jpg[/url]" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT color=#ff0000 size=6></FONT> </P>
<P align=center><A href="[url=http://www.webtp.cn/Article/gg/3148.htm]http://www.webtp.cn/Article/gg/3148.htm[/url]" target=_top><FONT size=6><IMG src="[url=http://www.webtp.cn/Article/UploadFiles/200701/2007110134051636.jpg]http://www.webtp.cn/Article/UploadFiles/200701/2007110134051636.jpg[/url]" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="[url=http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html]http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html[/url]" target=_top><FONT size=6><IMG src="[url=http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg]http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg[/url]" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT size=6><BR></FONT></P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle><A href="[url=http://www.snzjw.com/page/200501.htm]http://www.snzjw.com/page/200501.htm[/url]" target=_top><FONT size=6><IMG src="[url=http://www.snzjw.com/time/0805054a.jpg]http://www.snzjw.com/time/0805054a.jpg[/url]" align=top border=0></FONT></A><BR></TD></TR></TBODY></TABLE></P>
<P align=center><FONT color=red size=6><STRONG>加入播放器</STRONG></FONT></FONT></FONT></P>
<P align=center><FONT size=6><STRONG></STRONG></FONT> </P>
<P align=center><FONT color=red size=6>编辑制作[落款]</FONT> </P></TD></TR></TBODY></TABLE></CENTER></SPAN></FONT></EM></STRONG></TD></TR></EM></STRONG></FONT>
<P></P></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>

[[i] 本帖最后由 wzyh 于 2007-12-20 20:49 编辑 [/i]]

憧憬人生 发表于 2007-12-20 20:40

楼主说得对，＂我想当你欣赏到这些漂亮的音画作品时，它一定会带给你天天好心情，祝大家开心快乐＂！
有时欣赏别人的作品时都会有好心情，但更多的是欣赏、崇拜和羡慕！

wzyh 发表于 2007-12-20 20:44

<BR>
<DIV style="FONT-SIZE: 14px" twffan="done"></SPAN>HTML做帖教程〓〓载入音乐</SPAN><BR><BR><BR><BR>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD>Quote:</TD></TR>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=10 width="100%" bgColor=#dde3ec border=0>
<TBODY>
<TR>
<TD style="WORD-BREAK: break-all" width="100%" bgColor=#ffffff>
<BLOCKQUOTE class=code><STRONG>CODE:</STRONG> <A class=smalltxt onclick="copycode(findobj('code0'));" href="http://www.hcyy.org/bbs/thread-9241-1-2.html###"><FONT color=#800080>[Copy to clipboard]</FONT></A>
<HR color=#dde3ec SIZE=1>

<DIV id=code0 style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Courier New" twffan="done">A：在线播放MP3，WMA，WMV，RM...等音乐格式的代码是: <BR><BR><EMBED src=http://...........mp3 width=300 height=40 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100"> <BR><BR>发表时，复制此代码，替换音乐地址。即可！</DIV></BLOCKQUOTE><EMBED src=http://...........mp3 width=300 height=40 type=audio/x-pn-realaudio-plugin volume="100" autostart="true" loop="true" controls="ControlPanel"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER><BR>------------------------------------------------------------------------------------------<BR><BR>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD>Quote:</TD></TR>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=10 width="100%" bgColor=#dde3ec border=0>
<TBODY>
<TR>
<TD style="WORD-BREAK: break-all" width="100%" bgColor=#ffffff>
<BLOCKQUOTE class=code><STRONG>CODE:</STRONG> <A class=smalltxt onclick="copycode(findobj('code1'));" href="http://www.hcyy.org/bbs/thread-9241-1-2.html###"><FONT color=#800080>[Copy to clipboard]</FONT></A>
<HR color=#dde3ec SIZE=1>

<DIV id=code1 style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Courier New" twffan="done">B：在线播放视频音乐格式的代码是: <BR><BR><EMBED src=http://...............mp3 width=300 height=300 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100"> <BR><BR>发表时，复制此代码，替换音乐地址。即可！</DIV></BLOCKQUOTE><EMBED src=http://...............mp3 width=300 height=300 type=audio/x-pn-realaudio-plugin volume="100" autostart="true" loop="true" controls="ControlPanel"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER><BR>------------------------------------------------------------------------------------------<BR><BR>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
<TBODY>
<TR>
<TD>Quote:</TD></TR>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=10 width="100%" bgColor=#dde3ec border=0>
<TBODY>
<TR>
<TD style="WORD-BREAK: break-all" width="100%" bgColor=#ffffff>
<BLOCKQUOTE class=code><STRONG>CODE:</STRONG> <A class=smalltxt onclick="copycode(findobj('code2'));" href="http://www.hcyy.org/bbs/thread-9241-1-2.html###"><FONT color=#800080>[Copy to clipboard]</FONT></A>
<HR color=#dde3ec SIZE=1>

<DIV id=code2 style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Courier New" twffan="done">C.插入背景音乐代码是: <BR><BR><bgsound src=http://..........mid loop="-1"> <BR><BR>发表时，复制此代码，替换音乐地址。即可！</DIV></BLOCKQUOTE><BGSOUND src="http://..........mid" loop=infinite></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER><BR>------------------------------------------------------------------------------------------<BR></DIV>

wzyh 发表于 2007-12-20 20:47

[size=4][color=#0066ff]HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
[/color][/size][size=4][color=#0066ff]所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。[/color][/size]

[size=4][color=#0066ff]　　通过HTML可以表现出丰富多彩的设计风格[/color][/size]

[size=4][color=#0066ff]　　　　　图片调用：<IMG SRC="文件名">
　　　　　文字格式：<FONT SIZE="+5 " COLOR="#FF0066">文字</FONT>[/color][/size]

[size=4][color=#0066ff]效果如下:[/color][/size]

[size=7][color=#ff0066]文字[/color][/size]

[size=4][color=#0066ff]通过HTML可以实现页面之间的跳转[/color][/size]

[size=4][color=#0066ff]　　　　　页面跳转：〈A HREF="文件路径/文件名"></A>[/color][/size]

[size=4][color=#0066ff]　　通过HTML可以展现多媒体的效果[/color][/size]
[size=4][color=#0066ff]声频：<EMBED SRC="音乐文件名" AUTOSTART=true>
　　　　　视频：<EMBED SRC="视频文件名" AUTOSTART=true>
[/color][/size]
[size=4][color=#0066ff]你可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<table></table>标志对)，因此在Html文档中这样的[color=#ff6666]标志对都必须是成对使用的[/color]。[/color][/size]

[size=4][color=#0066ff]从代码结构来看，HTML帖子实际上就是一个去头去尾的Web页面,换句话说用HTML代码编辑的帖子[/color][/size]

[size=4][color=#0066ff]其实质就是网页编辑的一个小内容.因此要想学精通是比较困难的,可是千万别怕!!!我们都不是从事网页设计的,只想编个漂亮的帖子而已,那就简单的多了.大家只要记熟一些常用的代码,了解这些代码的含义就完全够了,我们可以采取套用(简单的复制粘贴),转贴后修改等方法来达到目的,多则半个月,少则一个星期,应该就能制作HTML代码帖子了,套用多了,自然就熟悉了,有兴趣的话可以进一步求精了.[/color][/size]

[[i] 本帖最后由 wzyh 于 2007-12-20 20:50 编辑 [/i]]

wzyh 发表于 2007-12-20 20:52

[size=4][color=#0066ff]论坛HTML帖子常用代码

一、文字标记

基本代码如下：

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

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

color=颜色代码
face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

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

1.字体变化 <font>..........</font>
a.字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大
b.指定字型 <font face="字体名称">..........</font>
c.文字颜色 <font color=#rrggbb>..........</font>
rr：表红色（red）色码
gg：表绿色（green）色码
bb：表蓝色（blue）色码[/color][/size]
[size=4][color=#0066ff]rrggbb也可用6位颜色代码数字

2.粗体字 <b>..........</b>
3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果
4.换行（也称回车） <br>

5.分段标记 <p>

文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

6.区隔标记 <DIV>

<DIV>称为区隔标记。作用：设定字、画、表格等的摆放位置。
<DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织能力，有 Class ; Style ; title ; ID 等属性。。
以 <DIV align="center"> 为例：

align="center"
可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样。。
注：其实常用跟<p>标签的效果差不多，但是功能比<p>相对强一些。。。[/color][/size]
[size=4][color=#0066ff]7.分隔线 <hr>
a.分隔线的粗细 <hr size=点数>
b.分隔线的宽度 <hr size=点数或百分比>
c.分隔线对齐方向 <hr align="#">
#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
d.分隔线的颜色 <hr color=#rrggbb>
e.实心分隔线 <hr noshade>

8.居中对齐 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。。。

9.文字移动标记<MARQUEE>..........</MARQUEE>

<marquee 属性＝属性值> 滚动内容 </marquee>

移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
字符移动每步的延时:scrolldelay=# 属性值为数字， #最小为1，数值越大速度越大，反之亦然。
移动方向指令是：direction=# up向上、down向下、left向左、right向右。
移动方式:behavior 属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动；
align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐，右对齐，对齐上沿、中间、下沿；
bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green， b=blue，也就是色彩中的三原色，也可是预定义色彩；
loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)；[/color][/size]
[size=4][color=#0066ff]width及height，文字高度和宽度，以象素为单位，属性值为数字；
hspace字符左右留白长度，属性值为数字；
vspace字符上下留白长度，属性值为数字；
scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；[/color][/size]

页: [1] 2 3 4 5

IT家园's Archiver