设为首页收藏本站
切换到宽版

落岸天使论坛

 找回密码
 注册
搜索
落岸天使论坛»论坛 › ╰*☆* 落岸休闲娱乐区 *☆*╯ › 音乐天堂 › HTML美帖从零开始 DIY
论坛,不要冷落了陌生人新人注册后在此报道,奖励20羽毛:)严肃处理违规灌水行为及处罚办法
参与论坛宣传活动，获得积分勋章奖励知羽艺匠及其他模板资源下载珍惜你的ID 珍惜你的名誉
返回列表 发新帖
查看: 1375|回复: 3

[其他] HTML美帖从零开始 DIY

[复制链接]
发表于 2007-4-10 12:24:31 | 显示全部楼层 |阅读模式
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

0

主题

75

回帖

87

积分

雾天使

Rank: 2

积分
87
发表于 2007-4-10 12:29:32 | 显示全部楼层
看得有点头晕，保存下来先
回复 支持 反对

使用道具 举报

落岸喵喵

187

主题

2884

回帖

7037

积分

精灵天使

ヤFashion ヤSuperˋのsa﹏

Rank: 6Rank: 6

积分
7037

优秀版主奖新人进步奖VIP会员勋章

QQ
发表于 2007-4-10 19:43:39 | 显示全部楼层
谢谢楼主的教程帖子,这里有个建议哦,希望下次LZ做帖子,加个效果图,这样看起来比较明了~
回复 支持 反对

使用道具 举报

Louisa

302

主题

1万

回帖

1万

积分

神圣天使

负重。前行。 >_<

Rank: 16Rank: 16Rank: 16Rank: 16

积分
13250

终身成就奖优秀版主奖优秀会员奖突出贡献奖灌水天才奖宣传大使奖版主勋章元老会员勋章60周年国庆纪念勋章幸运天使奖美女勋章五周年纪念勋章

QQ
发表于 2007-6-22 22:11:10 | 显示全部楼层
好难哦，头都大了，慢慢学习先
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|落岸天使论坛

GMT+8, 2024-12-27 16:49 , Processed in 0.118752 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表