教你如何制作音画帖子（取自网络）

香帅 · 发表于 2009-10-24 08:06

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？会员注册

×

如何在图片中加入文字

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>
兰色是：背景网址（可换）
红色是：放入文字的位置和格式

香帅 · 发表于 2009-10-24 08:07

效果图

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table=\"0\">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:08

在图中如何加入SWF特效：

代码如下：
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

绿色：是放入特效的位置和格式

香帅 · 发表于 2009-10-24 08:09

效果如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table=\"0\">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode=\"transparent\" quality=\"high\"></EMBED></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:10

双层表框加字（特效）

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>（特效）</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>帅帅</FONT><FONT color=#e6bd1a>欢迎你来到音画时尚学习</FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:12

效果
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>（特效）</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>帅帅</FONT><FONT color=#e6bd1a>欢迎你来到音画时尚学习</FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality=\"high\" wmode=\"transparent\"></EMBED></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:14

如何使用上下滚动字幕？

代码如下：
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================
文字上下滚动代码：<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>注：scrollAmount=2 是控制字速，数值越大字速就越快！

香帅 · 发表于 2009-10-24 08:14

效果

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table=\"0\">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style=\"WIDTH: 380px; HEIGHT: 84px\" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:15

左右移动字：

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>[*fly]
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>
附注：这是方法一，在UBB操作用“飞”就可达到这效果，在使用时把[*/fly]的*号去掉

香帅 · 发表于 2009-10-24 08:16

效果
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table=\"0\">
<TBODY>
<TR>
<TD>[fly]
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？</EMBED>[/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:17

左右移动字方法（二）：
代码如下：
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:17

效果

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table=\"0\">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style=\"WIDTH: 302px; HEIGHT: 100px\" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字！</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 08:25

<MARQUEE scrollAmount=4 scrollDelay=60 behavior=alternate turespeed="true" border="0">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_f3c889eff59b867.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_aeb3648206e8c8d.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_a67f0e6fe76f136.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/Mon_0910/89_11359_f1323f25876fd57.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_f3c889eff59b867.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_58f0548f17b9d3a.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_f3b23fbd65701cd.jpg">
<IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0910/89_11359_b139fa7fbd1c481.jpg">

</MARQUEE>

<P></P><BGSOUND balance=0 src="http://xxsheji.cn/p_w_picpath/ppy.mp3" volume=-100 loop=infinite>
<P></P>

红色为添加背景音乐
蓝色为图片

香帅 · 发表于 2009-10-24 08:25

效果

<MARQUEE scrollAmount=4 scrollDelay=60 behavior=alternate turespeed=\"true\" border=\"0\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_f3c889eff59b867.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_aeb3648206e8c8d.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_a67f0e6fe76f136.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/Mon_0910/89_11359_f1323f25876fd57.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_f3c889eff59b867.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_58f0548f17b9d3a.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_f3b23fbd65701cd.jpg\">
<IMG src=\"http://www.xjjbbs.com/p_w_upload/thumb/Mon_0910/89_11359_b139fa7fbd1c481.jpg\">

</MARQUEE><P></P><BGSOUND balance=0 src=\"http://xxsheji.cn/p_w_picpath/ppy.mp3\" volume=-100 loop=infinite>
<P></P>

显示全部楼层 · 发表于 2009-10-24 08:51

提示: 作者被禁止或删除内容自动屏蔽

香帅 · 发表于 2009-10-24 09:41

这里是播放器的代码，只需要把我的大红字标出来的地方换成你自己的歌曲连接地址就可以放出来歌曲拉,

1。朦胧紫色

<P align=center>
<TABLE height=45 cellSpacing=0 borderColorDark=#8a2be2 cellPadding=0 width=316 borderColorLight=#9932cc border=1>
<TBODY>
<TR>
<TD align=middle>
<DIV style="FILTER: Dropshadow(offX=1,offY=1,color=#0000ff); WIDTH: 316px; HEIGHT: 45px" align=center>
<OBJECT id=player style="FILTER: invert Alpha(opacity=55)" height=45 width=316 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="URL" VALUE="http://ltyxzx.cn/xfxm.asx">

<PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="45.9850834"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="98"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="8361"><PARAM NAME="_cy" VALUE="1191"></OBJECT></DIV></TD></TR></TBODY></TABLE></P><BR>

2。黑色闪星光

<P align=center>
<TABLE borderColor=#4f3256 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0022.gif border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED></P></TD></TR></TBODY></TABLE></P><BR><BR>

3。黑播放器（粉红边）

<P align=center><EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" types="false" volume="0"></EMBED> <BR><BR>

4。纯黑播放器

<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" types="false" volume="0"></EMBED> <BR><BR>

5。粉红色

<PALIGN=CENTER>
<TABLE borderColor=#003300 align=center background=http://www.zzi.cc/sck/jmbz/bz4/3.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)"><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="TRUE" autostart="FALSE" volume="0"> </TD></TR></TBODY></TABLE>

6。大红色

<P align=center>
<TABLE class=time id=table4>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-COLOR: red">
<P><EMBED id=myPlayer style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=音乐地址 type=video/x-ms-asf volume="0" loop="1" autostart="FALSE"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR></P>

香帅 · 发表于 2009-10-24 09:42

这里是播放器的代码，只需要把我的大红字标出来的地方换成你自己的歌曲连接地址就可以放出来歌曲拉,

<P align=center>
1。朦胧紫色
<BR><BR>

<P align=center>
<TABLE height=45 cellSpacing=0 borderColorDark=#8a2be2 cellPadding=0 width=316 borderColorLight=#9932cc border=1>
<TBODY>
<TR>
<TD align=middle>
<DIV style=\"FILTER: Dropshadow(offX=1,offY=1,color=#0000ff); WIDTH: 316px; HEIGHT: 45px\" align=center>
<OBJECT id=player style=\"FILTER: invert Alpha(opacity=55)\" height=45 width=316 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME=\"URL\" VALUE=\"http://ltyxzx.cn/xfxm.asx\">

<PARAM NAME=\"rate\" VALUE=\"1\"><PARAM NAME=\"balance\" VALUE=\"0\"><PARAM NAME=\"currentPosition\" VALUE=\"45.9850834\"><PARAM NAME=\"defaultFrame\" VALUE=\"\"><PARAM NAME=\"playCount\" VALUE=\"1\"><PARAM NAME=\"autoStart\" VALUE=\"-1\"><PARAM NAME=\"currentMarker\" VALUE=\"0\"><PARAM NAME=\"invokeURLs\" VALUE=\"-1\"><PARAM NAME=\"baseURL\" VALUE=\"\"><PARAM NAME=\"volume\" VALUE=\"98\"><PARAM NAME=\"mute\" VALUE=\"0\"><PARAM NAME=\"uiMode\" VALUE=\"full\"><PARAM NAME=\"stretchToFit\" VALUE=\"0\"><PARAM NAME=\"windowlessVideo\" VALUE=\"0\"><PARAM NAME=\"enabled\" VALUE=\"-1\"><PARAM NAME=\"enableContextMenu\" VALUE=\"-1\"><PARAM NAME=\"fullScreen\" VALUE=\"0\"><PARAM NAME=\"SAMIStyle\" VALUE=\"\"><PARAM NAME=\"SAMILang\" VALUE=\"\"><PARAM NAME=\"SAMIFilename\" VALUE=\"\"><PARAM NAME=\"captioningID\" VALUE=\"\"><PARAM NAME=\"enableErrorDialogs\" VALUE=\"0\"><PARAM NAME=\"_cx\" VALUE=\"8361\"><PARAM NAME=\"_cy\" VALUE=\"1191\"></OBJECT></DIV></TD></TR></TBODY></TABLE></P><BR>

<P align=center>

2。黑色闪星光

<BR><BR>

<P align=center>
<TABLE borderColor=#4f3256 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0022.gif border=1>
<TBODY>
<TR>
<TD style=\"FILTER: alpha(opacity=100,style=3)\">
<P align=center><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop=\"-1\" autostart=\"false\" volume=\"0\"></EMBED></P></TD></TR></TBODY></TABLE></P><BR><BR>

<P align=center>

3。黑播放器（粉红边）
<BR><BR>

<P align=center><EMBED style=\"FILTER: Invert\" src=音乐地址 width=300 height=45 type=audio/mpeg loop=\"-1\" types=\"false\" volume=\"0\"></EMBED> <BR><BR>

<P align=center>

4。纯黑播放器

<BR><BR>

<PALIGN=CENTER>
<EMBED style=\"FILTER: Xray\" src=音乐地址 width=300 height=45 type=audio/mpeg loop=\"-1\" types=\"false\" volume=\"0\"></EMBED> <BR><BR>

<P align=center>

5。粉红色

<BR><BR>

<PALIGN=CENTER>
<TABLE borderColor=#003300 align=center background=http://www.zzi.cc/sck/jmbz/bz4/3.jpg border=0>
<TBODY>
<TR>
<TD style=\"FILTER: alpha (opacity=50,style=3)\"><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop=\"TRUE\" autostart=\"FALSE\" volume=\"0\"> </TD></TR></TBODY></TABLE>

<P align=center>

6。大红色

<BR><BR>

<P align=center>
<TABLE class=time id=table4>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style=\"BACKGROUND-COLOR: red\">
<P><EMBED id=myPlayer style=\"FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px\" src=音乐地址 type=video/x-ms-asf volume=\"0\" loop=\"1\" autostart=\"FALSE\"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR></P>

香帅 · 发表于 2009-10-24 09:45

1，两层外边的套框
<DIV align=center>
<TABLE id=table31 cellSpacing=62 width="100%" background=http://www4.plala.or.jp/toroly/sososo/kabe01/hana001.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table32 width="100%" background=http://xz1.2000y.net/348114/uploadpic/200411141003725527.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE id=table33 cellSpacing=12 width="100%" border=1>
<TBODY>
<TR>
<TD>
<TABLE id=table34 width="100%" border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table35 width="100%" background=http://www4.plala.or.jp/toroly/sososo/kabe02/wafu072.gif border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=宋体 color=#dc143c size=6><STRONG>主题内容部分</STRONG></FONT></P><FONT color=#dc143c size=6><STRONG>　
<P></P>
<P>　</P></STRONG></FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P></P>
大红色的部分是最外一层的边框图片
咖啡色的部分是里边一层的边框图片
绿颜色的部分是主题内容的边框图片


2，一层外边不对称的格式

<TABLE cellPadding=100 width=480 align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1329473.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="WIDTH: 513px; HEIGHT: 46px" borderColor=#726f12 cellSpacing=15 borderColorDark=#826f12 cellPadding=0 width=513 align=right border=10>
<TBODY>
<TR>
<TD><FONT color=#7fff00><FONT face=宋体>
<P align=center><FONT color=#7fff00><FONT face=宋体>
<P align=center><IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1329465.jpg" border=0></FONT></FONT></P><FONT color=#7fff00><FONT face=宋体>
<P align=center><FONT face=宋体 color=#dc143c size=6><STRONG>主题内容部分</STRONG></FONT></P><FONT color=#dc143c size=6><STRONG>
<P align=center><FONT color=#0000ff size=4></FONT></P></STRONG></FONT></FONT></FONT>
<P align=center><FONT color=#7fff00><FONT face=宋体></P></FONT></FONT></FONT></FONT>
<P align=center><FONT color=#7fff00><FONT face=宋体></P></FONT></FONT></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

在这个套框里，注意我用咖啡色标出的部分，这个部分的边框没有图片，只是用了代码在套框中圈定一个小框

3，多层的套框
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041114100356772.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/20041130221326230.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/20041225173612541.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/20041225173612541.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=30 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223351617.jpg border=0>
<TBODY>
<TR>
<TD align=middle><IMG src="http://www.bbsjj.com/p_w_upload/thumb/Mon_0908/49_11359_24dce63954526e2.jpg" border=0>
<TABLE height=40 width=235 align=center background=http://image.17173.com/bbs/upload/2006/01/11/1136991378.jpg border=0>
<TBODY>
<TR>
<TD align=middle><FONT color=#ff0000 size=5>主题内容部分</FONT></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></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 09:46

效果1，两层外边的套框
<DIV align=center>
<TABLE id=table31 cellSpacing=62 width=\"100%\" background=http://www4.plala.or.jp/toroly/sososo/kabe01/hana001.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table32 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/200411141003725527.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE id=table33 cellSpacing=12 width=\"100%\" border=1>
<TBODY>
<TR>
<TD>
<TABLE id=table34 width=\"100%\" border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table35 width=\"100%\" background=http://www4.plala.or.jp/toroly/sososo/kabe02/wafu072.gif border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=宋体 color=#dc143c size=6><STRONG>主题内容部分</STRONG></FONT></P><FONT color=#dc143c size=6><STRONG>　
<P></P>
<P>　</P></STRONG></FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P></P>

大红色的部分是最外一层的边框图片

咖啡色的部分是里边一层的边框图片

绿颜色的部分是主题内容的边框图片

2，一层外边不对称的格式

<TABLE cellPadding=100 width=480 align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1329473.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<P>
<TABLE style=\"WIDTH: 513px; HEIGHT: 46px\" borderColor=#726f12 cellSpacing=15 borderColorDark=#826f12 cellPadding=0 width=513 align=right border=10>
<TBODY>
<TR>
<TD><FONT color=#7fff00><FONT face=宋体>
<P align=center><FONT color=#7fff00><FONT face=宋体>
<P align=center><IMG src=\"http://blog.lanyue.com/model/luntan/upload_pic/1329465.jpg\" border=0></FONT></FONT></P><FONT color=#7fff00><FONT face=宋体>
<P align=center><FONT face=宋体 color=#dc143c size=6><STRONG>主题内容部分</STRONG></FONT></P><FONT color=#dc143c size=6><STRONG>
<P align=center><FONT color=#0000ff size=4></FONT></P></STRONG></FONT></FONT></FONT>
<P align=center><FONT color=#7fff00><FONT face=宋体></P></FONT></FONT></FONT></FONT>
<P align=center><FONT color=#7fff00><FONT face=宋体></P></FONT></FONT></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

在这个套框里，注意我用咖啡色标出的部分，这个部分的边框没有图片，只是用了代码在套框中圈定一个小框

3，多层的套框
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width=\"100%\" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041114100356772.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/20041130221326230.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/20041225173612541.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/20041225173612541.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=30 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130223351617.jpg border=0>
<TBODY>
<TR>
<TD align=middle><IMG src=\"http://www.bbsjj.com/p_w_upload/thumb/Mon_0908/49_11359_24dce63954526e2.jpg\" border=0>
<TABLE height=40 width=235 align=center background=http://image.17173.com/bbs/upload/2006/01/11/1136991378.jpg border=0>
<TBODY>
<TR>
<TD align=middle><FONT color=#ff0000 size=5>主题内容部分</FONT></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></TD></TR></TBODY></TABLE>

香帅 · 发表于 2009-10-24 09:49

样品音画之一层不对称套框运用


<EMBED style="FILTER: xray()" src=音乐地址 width=0 height=0 type=audio/mpeg showstatusbar="0" loop="true">
<TABLE cellSpacing=80 cellPadding=100 width=800 align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1329473.jpg border=0>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="WIDTH: 513px; HEIGHT: 46px" borderColor=#726f12 cellSpacing=15 borderColorDark=#826f12 cellPadding=0 width=513 align=right border=6>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1329465.jpg" border=0></P>
<P align=center><FONT face=宋体 color=#dc143c size=6><STRONG>样品帖2</STRONG></FONT></P><FONT color=#dc143c size=6><STRONG><BR>
<P align=center><FONT color=#7fff00><FONT face=宋体 size=5>秋</P></FONT></FONT><BR>
<P align=center><FONT color=#7fff00><FONT face=宋体 size=4>文：香帅</P></FONT></FONT><BR><BR>
<P align=center><FONT color=#7fff00><FONT face=宋体 size=5>笙歌散尽始觉春空<BR><BR>寒蝉哀鸣叶舞秋风<BR><BR>烟雨袭来浮华若梦<BR><BR>风过吹皱涟波重重<BR></P></FONT></FONT><BR>
<MARQUEE><IMG height=78 src="http://www.bbsjj.com/p_w_picpath/wind/logo.gif" width=128><IMG height=78 src="http://www.bbsjj.com/p_w_picpath/wind/logo.gif" width=128><IMG height=78 src="http://www.bbsjj.com/p_w_picpath/wind/logo.gif" width=100><IMG height=78 src="http://www.bbsjj.com/p_w_picpath/wind/logo.gif" width=128></MARQUEE><BR><BR>
<P align=center><FONT color=#7fff00><FONT face=宋体 size=4>香帅制作    新靖江论坛</P></FONT></FONT></STRONG></FONT></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>




淡绿色部分的代码是个隐形的播放器，为了让音乐在打开帖子的时候就可以听见，所以放在整篇代码的最前面，在音乐地址的地方更换自己喜欢的音乐就可以了，在这组代码里width=0 height=0 ------这就是隐形的关键，当它的高度和宽度都是“0”的时候，播放器的外形自然也就隐形了。

大红部分是外框，这个在前面已经讲过，值得注意的是，前后的呼应，这样主题内容就在你做好的套框之内了。

咖啡色部分是主题内容里的抬头画面以及标题，注意红色标出的图片地址。

蓝色部分是主题文章部分，（当你做音乐时可以换成歌词）。

紫色部分是移动的图片组-------我只是随手取材，来说明一下用法，朋友们可以根据自己所做帖子的需要更换图片类型。


阅读这段代码，要与前面显示的效果对照了来看，当然你也可以根据自己的爱好来布局主题画面格式，只需要注意一组内容与一组内容之间的代码连接，不要做混了，这样出来的效果就不会出现乱码，在实际中多练，就可以掌握要领。

账号		自动登录	找回密码
密码			会员注册

寂寞的天使该用户已被删除	发表于 2009-10-24 08:51 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
寂寞的天使该用户已被删除	公众号：靖阅网、新靖江论坛（www.jjsbbs.com)
	回复点赞反对使用道具举报显身卡

教你如何制作音画帖子（取自网络）

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

浏览过的版块