论坛 › 音乐天堂 › HTML美帖从零开始 DIY

雷电秋风 发表于 2007-4-10 12:24:31

HTML美帖从零开始 DIY

1.一个代码帖的完成 其实并不是很复杂 只是新手往往会有无从下手之感 这里 我们介绍一下代码帖的流程和模式 相信大家掌握了以后 就可以根据自己的喜好灵活运用生成自己的美帖

首行 建一个表格 其中borderColor=#为边框颜色 cellSpacing=为单元间距 cellPadding=为单元边距 border=为边框粗细 bgColor=为背景颜色

<TABLE borderColor=#448cbb cellSpacing=8 cellPadding=3 width="100%" align=center bgColor=#ffffff border=8>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

2.输入标题文字 其中face=为字体 size=为字号 color=为颜色 align=center代表居中对齐
然后在表格一中再插入一个表格二

<TABLE borderColor=#448cbb cellSpacing=8 cellPadding=3 width="100%" align=center bgColor=#ffffff border=8>
<TBODY>
<TR>
<TD>
<p align=center><FONT face=宋体 size=7><STRONG>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></P></FONT>
<p align=center><TABLE borderColor=#448cbb cellSpacing=0 cellPadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

3.在表格二中插入表格三 表格四 分别调整它们的边框粗细和单元间距
另: width="100%"为表格宽度可用%也可直接输入像素值 如以下的500

<TABLE borderColor=#448cbb cellSpacing=8 cellPadding=3 width="100%" align=center bgColor=#ffffff border=8>
<TBODY>
<TR>
<TD>
<p align=center><FONT face=宋体 size=7><STRONG>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></P></FONT>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellPadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellPadding=3 width=500 align=center bgColor=#ffffff border=2>
<TBODY>
<TR>
<TD>
<p align=center> </P></TD></TR></TBODY></TABLE><BR><BR></P>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellPadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR></FONT><BR> </P></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></P>
<p align=center><BR> </P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

4.在表格三中插入封面图片 在表格四中输入专辑介绍曲目名称和下载链接(注:蓝色部分为音乐链接地址 红色为显示的曲目名称)

<TABLE borderColor=#448cbb cellSpacing=8 cellPadding=3 width="100%" align=center bgColor=#ffffff border=8>
<TBODY>
<TR>
<TD>
<p align=center><FONT face=宋体 size=7><STRONG>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></P></FONT>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellPadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellPadding=3 width=500 align=center bgColor=#ffffff border=2>
<TBODY>
<TR>
<TD>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/01.jpg" border=0></P></TD></TR></TBODY></TABLE><BR><BR></P>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellPadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR><STRONG><FONT face=黑体 color=#448cbb size=6>专 辑 介 绍</FONT><BR></STRONG></FONT><FONT size=4><BR><FONT color=#000000>专辑名称： </FONT><FONT color=#000000><STRONG>梦花园<BR></STRONG>演唱歌手： <STRONG>班得瑞</STRONG> Bandari<BR>专辑类别： 外语音乐1CD<BR>发行公司： 金革唱片<BR>出版年月： 2001年3月</FONT><BR></FONT><FONT size=4><FONT color=#448cbb><BR></FONT></FONT><FONT size=4><FONT color=#448cbb></FONT></FONT></P>
<p align=left><FONT size=4><FONT color=#448cbb>       班得瑞第7张专辑《梦花园》，邀集当代最具代表性的14位新世纪大师的旷世名曲，包括苏珊希雅妮与齐豫合作的空灵名曲《Turning》、喜多郎为电影「宋家王朝」制作的千万配乐《The Soong Sisters》、更有乔治温斯顿、范吉利斯、尚马龙、雅尼等当代风云名曲。卸去繁复的商业编曲，还以大师创作最纯净的原色，洋溢着花香般的优雅芬芳。透过班得瑞如梦似幻的诠释，每一首作品，都呈现出其创作灵性最真实的一面，随着乐曲高低流转，你可以用听觉领略在新世纪音乐花园里，每一场缤纷多彩的花期，以及盛开与凋零的两样美感，将更亲近地与每一位大师的心灵面对面，体验前所未有的音乐感动 。 班得瑞第7张新世纪专辑，空灵飘渺的音乐世界。 洒一季花粉，换心灵满室缤纷。</FONT> <BR></FONT><STRONG><FONT face=宋体 color=#000000 size=5></FONT></STRONG></P>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5>曲目下载<BR></FONT></STRONG><STRONG><FONT size=4><BR><A href="http://bbs.hrhythm.com/"><FONT color=#448cbb>01. Turning </FONT></A></FONT></STRONG></P>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>02. Dreamcatcher 追梦人 </FONT></STRONG></A></P>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>03. Beyond The Sundial 跨越日光 </FONT></STRONG></A></P>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>04. Adagio In Minor 抒情小调 </FONT></STRONG></A></P>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>05. Zarabanda 萨拉邦德舞 </FONT></STRONG></A></P>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>06. Season Of Light 辉煌的季节 </FONT></STRONG></A><BR><BR></P></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></P>
<p align=center><BR> </P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

5.插入播放器及装饰分割线(你可以选择各种不同的播放器) 其中autostart="true"为是否自动播放 true为自动 false为手动 loop="false"为是否循环播放 true为是 false为否 一个基本的代码帖就完成了

<TABLE borderColor=#448cbb cellSpacing=8 cellpadding=3 width="100%" align=center bgColor=#ffffff border=8>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center><FONT face=宋体 size=7><STRONG><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></p></FONT>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width=500 align=center bgColor=#ffffff border=2>
<TBODY>
<TR>
<TD>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/01.jpg" border=0></p></TD></TR></TBODY></TABLE><BR><BR><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0></p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellpadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR><STRONG><FONT face=黑体 color=#448cbb size=6>专 辑 介 绍</FONT><BR></STRONG></FONT><FONT size=4><BR><FONT color=#000000>专辑名称： </FONT><FONT color=#000000><STRONG>梦花园<BR></STRONG>演唱歌手： <STRONG>班得瑞</STRONG> Bandari<BR>专辑类别： 外语音乐1CD<BR>发行公司： 金革唱片<BR>出版年月： 2001年3月</FONT><BR><BR>      </FONT><FONT size=4> <FONT color=#448cbb>班得瑞第7张专辑《梦花园》，邀集当代最具代表性的14位新世纪大师的旷世名曲，包括苏珊希雅妮与齐豫合作的空灵名曲《Turning》、喜多郎为电影「宋家王朝」制作的千万配乐《The Soong Sisters》、更有乔治温斯顿、范吉利斯、尚马龙、雅尼等当代风云名曲。卸去繁复的商业编曲，还以大师创作最纯净的原色，洋溢着花香般的优雅芬芳。透过班得瑞如梦似幻的诠释，每一首作品，都呈现出其创作灵性最真实的一面，随着乐曲高低流转，你可以用听觉领略在新世纪音乐花园里，每一场缤纷多彩的花期，以及盛开与凋零的两样美感，将更亲近地与每一位大师的心灵面对面，体验前所未有的音乐感动 。 班得瑞第7张新世纪专辑，空灵飘渺的音乐世界。 洒一季花粉，换心灵满室缤纷。</FONT> <BR><STRONG></STRONG></FONT></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5></FONT></STRONG></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR><BR>曲目下载<BR></FONT></STRONG><STRONG><FONT size=4><BR><A href="http://bbs.hrhythm.com/"><FONT color=#448cbb>01. Turning </FONT></A></FONT></STRONG></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>02. Dreamcatcher 追梦人 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>03. Beyond The Sundial 跨越日光 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>04. Adagio In Minor 抒情小调 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>05. Zarabanda 萨拉邦德舞 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>06. Season Of Light 辉煌的季节 </FONT></STRONG></A></p>
<p align=center><BR><EMBED id=Mediaplayer227 src=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.wma width=260 height=25 type="text/plain; charset=GB2312" loop="false" autostart="true"><BR> </p></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></p>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR></p></TD></TR></TBODY></TABLE></p></TD></TR></TBODY></TABLE></EMBED>
<p></p>

6.你也可以把帖子作得更细更美些

首先 为表格一和表格二加上背景(注:表格加了图片背景后背景颜色的设置就无效了)

<TABLE borderColor=#448cbb cellSpacing=8 cellpadding=3 width="100%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=8>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center><FONT face=宋体 size=7><STRONG><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></p></FONT>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="85%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg3.jpg border=1>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width=500 align=center bgColor=#ffffff border=2>
<TBODY>
<TR>
<TD>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/01.jpg" border=0></p></TD></TR></TBODY></TABLE><BR><BR><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0></p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellpadding=3 width="85%" align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR><STRONG><FONT face=黑体 color=#448cbb size=6>专 辑 介 绍</FONT><BR></STRONG></FONT><FONT size=4><BR><FONT color=#000000>专辑名称： </FONT><FONT color=#000000><STRONG>梦花园<BR></STRONG>演唱歌手： <STRONG>班得瑞</STRONG> Bandari<BR>专辑类别： 外语音乐1CD<BR>发行公司： 金革唱片<BR>出版年月： 2001年3月</FONT><BR><BR>      </FONT><FONT size=4> <FONT color=#448cbb>班得瑞第7张专辑《梦花园》，邀集当代最具代表性的14位新世纪大师的旷世名曲，包括苏珊希雅妮与齐豫合作的空灵名曲《Turning》、喜多郎为电影「宋家王朝」制作的千万配乐《The Soong Sisters》、更有乔治温斯顿、范吉利斯、尚马龙、雅尼等当代风云名曲。卸去繁复的商业编曲，还以大师创作最纯净的原色，洋溢着花香般的优雅芬芳。透过班得瑞如梦似幻的诠释，每一首作品，都呈现出其创作灵性最真实的一面，随着乐曲高低流转，你可以用听觉领略在新世纪音乐花园里，每一场缤纷多彩的花期，以及盛开与凋零的两样美感，将更亲近地与每一位大师的心灵面对面，体验前所未有的音乐感动 。 班得瑞第7张新世纪专辑，空灵飘渺的音乐世界。 洒一季花粉，换心灵满室缤纷。</FONT> <BR><STRONG></STRONG></FONT></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5></FONT></STRONG></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR><BR>曲目下载<BR></FONT></STRONG><STRONG><FONT size=4><BR><A href="http://bbs.hrhythm.com/"><FONT color=#448cbb>01. Turning </FONT></A></FONT></STRONG></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>02. Dreamcatcher 追梦人 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>03. Beyond The Sundial 跨越日光 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>04. Adagio In Minor 抒情小调 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>05. Zarabanda 萨拉邦德舞 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>06. Season Of Light 辉煌的季节 </FONT></STRONG></A><BR><BR>
<p align=center><BR><EMBED id=Mediaplayer227 src=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.wma width=260 height=25 type="text/plain; charset=GB2312" autostart="false" loop="false">
<p></p></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></p>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR></p></TD></TR></TBODY></TABLE></p></TD></TR></TBODY></TABLE>

7.为表格三 四也加上背景

<TABLE borderColor=#448cbb cellSpacing=8 cellpadding=3 width="100%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=8>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center><FONT face=宋体 size=7><STRONG><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园</FONT></STRONG><BR></p></FONT>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="85%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg3.jpg border=1>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width=500 align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=2>
<TBODY>
<TR>
<TD>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/01.jpg" border=0></p></TD></TR></TBODY></TABLE><BR><BR><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0></p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellpadding=3 width="85%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR><STRONG><FONT face=黑体 color=#448cbb size=6>专 辑 介 绍</FONT><BR></STRONG></FONT><FONT size=4><BR><FONT color=#000000>专辑名称： </FONT><FONT color=#000000><STRONG>梦花园<BR></STRONG>演唱歌手： <STRONG>班得瑞</STRONG> Bandari<BR>专辑类别： 外语音乐1CD<BR>发行公司： 金革唱片<BR>出版年月： 2001年3月</FONT><BR><BR>      </FONT><FONT size=4> <FONT color=#448cbb>班得瑞第7张专辑《梦花园》，邀集当代最具代表性的14位新世纪大师的旷世名曲，包括苏珊希雅妮与齐豫合作的空灵名曲《Turning》、喜多郎为电影「宋家王朝」制作的千万配乐《The Soong Sisters》、更有乔治温斯顿、范吉利斯、尚马龙、雅尼等当代风云名曲。卸去繁复的商业编曲，还以大师创作最纯净的原色，洋溢着花香般的优雅芬芳。透过班得瑞如梦似幻的诠释，每一首作品，都呈现出其创作灵性最真实的一面，随着乐曲高低流转，你可以用听觉领略在新世纪音乐花园里，每一场缤纷多彩的花期，以及盛开与凋零的两样美感，将更亲近地与每一位大师的心灵面对面，体验前所未有的音乐感动 。 班得瑞第7张新世纪专辑，空灵飘渺的音乐世界。 洒一季花粉，换心灵满室缤纷。</FONT> <BR><STRONG></STRONG></FONT></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5></FONT></STRONG></p>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR><BR>曲目下载<BR></FONT></STRONG><STRONG><FONT size=4><BR><A href="http://bbs.hrhythm.com/"><FONT color=#448cbb>01. Turning </FONT></A></FONT></STRONG></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>02. Dreamcatcher 追梦人 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>03. Beyond The Sundial 跨越日光 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>04. Adagio In Minor 抒情小调 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>05. Zarabanda 萨拉邦德舞 </FONT></STRONG></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><STRONG><FONT color=#448cbb size=4>06. Season Of Light 辉煌的季节 </FONT></STRONG></A><BR><BR>
<p align=center><BR><EMBED id=Mediaplayer227 src=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.wma width=260 height=25 type="text/plain; charset=GB2312" autostart="false" loop="false">
<p></p></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></p>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR></p></TD></TR></TBODY></TABLE></p></TD></TR></TBODY></TABLE>

8.为了美观 在表格一 表格二 表格三外面再分别加上一个表格 用比较光泽的图片作为背景 再修饰一下播放器 另:表格加了背景图片后 边框的颜色就不应是单一的了 应设它的背光颜色和向光颜色 以突出立体感 但这里为了不增加新手的难度 就不设置了) 一个精美的代码帖就完成了 (这里的背景图片 边框颜色 粗细 间距等都可以根据自己的喜好作调整 你还可以加入超酷的播放器 炫目的FLASH 或者各种文字特效 图片特效等等 随心所欲DIY你自己风格的美帖 )


<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="100%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg1.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#448cbb cellSpacing=8 cellpadding=3 width="99%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=1>
<TBODY>
<TR>
<TD>
<p> </p>
<p align=center><FONT face=宋体 size=7><STRONG><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR>BANDARI<BR><FONT face=黑体 color=#448cbb>梦花园<BR></p>
<p>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="85%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg1.jpg border=0>
<TBODY>
<TR>
<TD>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width="95%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg3.jpg border=0>
<TBODY>
<TR>
<TD>
<p> </p>
<p>
<TABLE borderColor=#448cbb cellSpacing=0 cellpadding=3 width=500 align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg1.jpg border=0>
<TBODY>
<TR>
<TD>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellpadding=3 width=500 align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg2.jpg border=1>
<TBODY>
<TR>
<TD>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/01.jpg" border=0></p></TD></TR></TBODY></TABLE></p></TD></TR></TBODY></TABLE></p>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0></p>
<p align=center>
<TABLE borderColor=#448cbb cellSpacing=3 cellpadding=3 width="85%" align=center bgColor=#ffffff background=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/bg3.jpg border=1>
<TBODY>
<TR>
<TD><FONT size=6><FONT size=4>
<p align=center><BR><STRONG><FONT face=黑体 color=#448cbb size=6>专 辑 介 绍</FONT><BR></STRONG></FONT><FONT size=4><BR><FONT color=#000000>专辑名称： </FONT><FONT color=#000000><STRONG>梦花园<BR></STRONG>演唱歌手： <STRONG>班得瑞</STRONG> Bandari<BR>专辑类别： 外语音乐1CD<BR>发行公司： 金革唱片<BR>出版年月： 2001年3月</FONT><BR><BR></FONT><FONT size=4><FONT color=#448cbb></FONT></FONT></p>
<p align=left><FONT size=4><FONT color=#448cbb><FONT color=#000000>   </FONT><FONT face=楷体_GB2312>班得瑞第7张专辑《梦花园》，邀集当代最具代表性的14位新世纪大师的旷世名曲，包括苏珊希雅妮与齐豫合作的空灵名曲《Turning》、喜多郎为电影「宋家王朝」制作的千万配乐《The Soong Sisters》、更有乔治温斯顿、范吉利斯、尚马龙、雅尼等当代风云名曲。卸去繁复的商业编曲，还以大师创作最纯净的原色，洋溢着花香般的优雅芬芳。透过班得瑞如梦似幻的诠释，每一首作品，都呈现出其创作灵性最真实的一面，随着乐曲高低流转，你可以用听觉领略在新世纪音乐花园里，每一场缤纷多彩的花期，以及盛开与凋零的两样美感，将更亲近地与每一位大师的心灵面对面，体验前所未有的音乐感动 。 班得瑞第7张新世纪专辑，空灵飘渺的音乐世界。 洒一季花粉，换心灵满室缤纷。</FONT></FONT> <BR></p><STRONG></STRONG></FONT>
<p align=center><STRONG><FONT face=宋体 color=#000000 size=5></FONT></STRONG></p>
<p align=center><FONT face=宋体 color=#000000 size=5><STRONG><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR><BR></STRONG><FONT face=黑体><STRONG>曲 目 下 载<BR></STRONG></FONT></FONT><FONT size=4><BR><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb><STRONG>01. Turning </STRONG></FONT></A></FONT></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb size=4><STRONG>02. Dreamcatcher 追梦人 </STRONG></FONT></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb size=4><STRONG>03. Beyond The Sundial 跨越日光 </STRONG></FONT></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb size=4><STRONG>04. Adagio In Minor 抒情小调 </STRONG></FONT></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb size=4><STRONG>05. Zarabanda 萨拉邦德舞 </STRONG></FONT></A></p>
<p align=center><A href="http://bbs.hrhythm.com/index.php?showoldetails=yes#online"></A><A href="http://bbs.hrhythm.com/"></A><A href="http://bbs.hrhythm.com/"><FONT face=宋体 color=#448cbb size=4><STRONG>06. Season Of Light 辉煌的季节 </STRONG></FONT></A><BR><BR><EMBED id=Mediaplayer227 style="FILTER: Alpha(opacity=100,style=2)" src=http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.wma width=280 height=25 type="text/plain; charset=GB2312" loop="false" autostart="false">
<p align=center><FONT face=宋体><STRONG>天韵音乐论坛·索尔维格</STRONG><BR></FONT></p></FONT></TD></TR>
<DIV align=center> </DIV></TBODY></TABLE></p>
<p align=center><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOp-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://ftp1.hrhythm.com/music0123/cheung/sewg/daima1/00.gif" border=0><BR></p></TD></TR></TBODY></TABLE></p></TD></TR></TBODY></TABLE><FONT size=4><BR></FONT></FONT></STRONG></FONT></p></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<p> </p>
<p> </p>

winboysxp 发表于 2007-4-10 12:29:32

看得有点头晕，保存下来先

落岸喵喵 发表于 2007-4-10 19:43:39

谢谢楼主的教程帖子,这里有个建议哦,希望下次LZ做帖子,加个效果图,这样看起来比较明了~:$

Louisa 发表于 2007-6-22 22:11:10

好难哦，头都大了，慢慢学习先:(

查看完整版本: HTML美帖从零开始 DIY