紫月嫣然 发表于 2012-9-21 00:39:47

手把手教您如何制作音画帖子

<P>&nbsp;<WBR></P>
<TABLE border=0 cellSpacing=0 borderColor=#000000 cellPadding=0 width="100%" background=http://www.luoan.cn/bbs/attachments/month_0903/20090324_0b76072b61f931b8441306QU0860X101.gif height=300>
<TBODY>
<TR>
<TD background=http://www.luoan.cn/bbs/attachments/month_1208/20120821_dc4415734e0d203fd6e793AzoM553zjq.gif width=80 align=middle></TD>
<TD>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>紫月今天冒昧在这里发这个音画教程帖子&nbsp; </FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>也许我根本没有这个能力和资格来发这个帖子 </FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>可是我只是想把我所知道的跟大家分享一下 </FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>更希望有爱好的天使友人能够多一点来参与音画帖子 </FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>毕竟音画帖子还是很有魅力 </FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>&nbsp;好了我不罗嗦了&nbsp;</FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000></FONT>&nbsp;</P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>这里就以我发过的一个帖子做为例子来说明&nbsp;</FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>&nbsp;然后大家看一下应该会明白的</FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000></FONT>&nbsp;</P>
<P align=center>这个是必须要做的</P>
<P align=center><IMG onmouseover="attachimginfo(this, 'attach_69637', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_69637', 0, event)" border=0 alt="" src="http://www.luoan.cn/bbs/attachments/month_1209/20120914_677a659cff0a64c08ceet6ztkpy5Q6hy.jpg" onload="attachimg(this, 'load')"></P>
<P align=center>&nbsp;</P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>帖子地址</FONT></P>
<P align=center><FONT style="FONT-SIZE: 15px" color=#000000>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></P><FONT style="FONT-SIZE: 15px" color=#000000>
<H2 align=center>&nbsp;拙词配音画送您“落岸”</H2>
<P align=center></FONT><A href="http://www.luoan.cn/bbs/thread-167356-1-2.html">http://www.luoan.cn/bbs/thread-167356-1-2.html</A></P>
<P align=center>&nbsp;</P>
<P align=center>第一先说音乐自动播放并隐藏播放器代码
<TABLE style="BORDER-BOTTOM: #4d6df3 1px dashed; BORDER-LEFT: #4d6df3 1px dashed; BORDER-COLLAPSE: collapse; BORDER-TOP: #4d6df3 1px dashed; BORDER-RIGHT: #4d6df3 1px dashed" border=1 borderColor=#000000 cellPadding=1 width=550 align=center height=50>
<TBODY>
<TR>
<TD>
<P>播放器隐藏代码(直接复制下面代码并填音乐地址)</P>
<P>&nbsp;</P>
<P>&lt;embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" &gt; </P>
<P>&nbsp;</P>
<P>说明:&lt;embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" &gt; <BR>loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2" <BR>controls="ControlPanel"这个控制选项可省略 <BR>width="0" height="0"表示隐藏播放。想设置播放器的大小,设置值即可,比如width="480" height="25"</P>
<P>&nbsp;</P>
<P>隐藏播放器且自动播放:(直接复制下面代码并填音乐地址)</P>
<P>&nbsp;</P>
<P>&lt;embed src="背景音乐网址" hidden="true" autostart="true" loop="true"&gt;&nbsp;</P></TD></TR></TBODY></TABLE></P>
<P align=center>&nbsp;</P>
<P align=center>由于字数有限所以可看到播放器代码 下次有机会再说 不好意思这里</P>
<P align=center>说到这里音乐可以自动播放了 是吧 </P>
<P align=center>&nbsp;</P>
<P align=center>第二 那就是边框</P>
<P align=center>我就直接说一下 比较简单一点的</P>
<P align=center>就是上面帖子的边框 </P>
<P align=center>
<TABLE style="BORDER-BOTTOM: #4d6df3 1px dashed; BORDER-LEFT: #4d6df3 1px dashed; BORDER-COLLAPSE: collapse; BORDER-TOP: #4d6df3 1px dashed; BORDER-RIGHT: #4d6df3 1px dashed" border=1 borderColor=#000000 cellPadding=1 width=550 align=center height=50>
<TBODY>
<TR>
<TD>
<P>直接复制下面代码:</P>
<P>&nbsp;</P>
<P>&lt;DIV align=center&gt;<BR>&lt;TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD title=紫月制作 height=29 background=http://www.luoan.cn/bbs/attachments/month_1208/20120827_1bae18b54fb9fa056fcf51dHTnZhXnvD.jpg&gt;(这里可以换成自己喜欢的边框图片)&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR&gt;<BR>&lt;TD background=http://viva5500.com.ne.kr/BG/Line/b02.gif&gt;<BR>(这里就是背景图片地址 也是可以换成自己喜欢的)&lt;p align=center&gt;&amp;nbsp;&lt;WBR&gt;&lt;/P&gt;<BR>&lt;p align=center&gt;&lt;FONT color=#000000&gt;此处输入文字内容&lt;/FONT&gt;&lt;/P&gt;<BR>&lt;p align=center&gt;&amp;nbsp;&lt;WBR&gt;&lt;/P&gt;<BR>&lt;p align=center&gt;&amp;nbsp;&lt;WBR&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;<BR>&lt;TR&gt;<BR>&lt;TD height=29 background=http://www.luoan.cn/bbs/attachments/month_1208/20120827_1bae18b54fb9fa056fcf51dHTnZhXnvD.jpg&gt;(这里就是最下面那个图片地址 也是可以自行更换)&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;</P>
<P>&nbsp;</P>
<P>效果图</P>
<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD title=紫月制作 height=29 background=http://www.luoan.cn/bbs/attachments/month_1208/20120827_1bae18b54fb9fa056fcf51dHTnZhXnvD.jpg></TD></TR>
<TR>
<TD background=http://viva5500.com.ne.kr/BG/Line/b02.gif>
<P align=center>&nbsp;<WBR></P>
<P align=center><FONT color=#000000>此处输入文字内容</FONT></P>
<P align=center>&nbsp;<WBR></P>
<P align=center>&nbsp;<WBR></P></TD></TR>
<TR>
<TD height=29 background=http://www.luoan.cn/bbs/attachments/month_1208/20120827_1bae18b54fb9fa056fcf51dHTnZhXnvD.jpg></TD></TR></TBODY></TABLE></DIV>
<P>&nbsp;</P>
<P>这里需要说明的是&nbsp;&nbsp; 由于论坛有限制比如163 126等等网站图片 所以最好把喜欢的图片保存在论坛某一个地方 </P>
<P>&nbsp;</P>
<P>比如我收藏的图片地址&nbsp;&nbsp;&nbsp; </P>
<P><A href="http://www.luoan.cn/bbs/viewthread.php?tid=87176&amp;pid=2813878&amp;page=57&amp;extra=page%3D1#pid2813878">http://www.luoan.cn/bbs/viewthread.php?tid=87176&amp;pid=2813878&amp;page=57&amp;extra=page%3D1#pid2813878</A></P>
<P>&nbsp;</P>
<P>这个是飓风老师做的教程 里面有很多精彩图片 <A href="http://www.luoan.cn/bbs/thread-108423-1-1.html">http://www.luoan.cn/bbs/thread-108423-1-1.html</A></P>
<P>&nbsp;</P>
<P>这里在给大家几个 漂亮的边框博客地址:&nbsp; 都是可以直接复制过来 然后修改图片地址</P>
<P><A href="http://blog.sina.com.cn/s/blog_66392eb80102dupf.html">http://blog.sina.com.cn/s/blog_66392eb80102dupf.html</A></P>
<P><A href="http://blog.sina.com.cn/s/blog_66392eb80102dutd.html">http://blog.sina.com.cn/s/blog_66392eb80102dutd.html</A></P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></P>
<P align=center>&nbsp;</P>
<P align=center>第三 说的是字体变换的代码
<TABLE style="BORDER-BOTTOM: #4d6df3 1px dashed; BORDER-LEFT: #4d6df3 1px dashed; BORDER-COLLAPSE: collapse; BORDER-TOP: #4d6df3 1px dashed; BORDER-RIGHT: #4d6df3 1px dashed" border=1 borderColor=#000000 cellPadding=1 width=550 align=center height=50>
<TBODY>
<TR>
<TD>
<P>我的帖子的字体代码如下 直接复制并修改文字</P>
<P>&nbsp;</P>
<P>&lt;DIV align=center&gt;<BR>&lt;DIV style="FILTER: shadow(color= #00b7ef&nbsp; , strength=26); WIDTH: 680px; HEIGHT: 230px" align=center&gt;&lt;FONT color=#fff200 size=5 face=华文彩云&gt;&lt;B&gt;<BR>&lt;DIV align=center&gt;<BR>&lt;MARQUEE height=350 behavior=slide width=580 loop=1 scrollAmount=1 scrollDelay=100&gt;<BR>&lt;DIV align=left&gt;&lt;BR&gt;&lt;/DIV&gt;<BR>&lt;DIV align=left&gt;<BR>&lt;MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up height=350 width=580 scrollAmount=1 scrollDelay=100&gt;紫月嫣然 &lt;BR&gt;&lt;BR&gt;落岸天使 &lt;BR&gt;月娥飞临 &lt;BR&gt;犹胜四美品德 &lt;BR&gt;芙蓉玉琢 &lt;BR&gt;笑傲九州 &lt;BR&gt;天使论坛开服 &lt;BR&gt;旌旗拥 靓女俊郎 &lt;BR&gt;轻罗白兰扇 &lt;BR&gt;纤腰玉带舞银河 &lt;BR&gt;问天下谁属 &lt;BR&gt;前后数千年 &lt;BR&gt;典章古今 &lt;BR&gt;谁宾谁主 &lt;BR&gt;幸落岸啸傲 &lt;BR&gt;海棠依旧 “我心漂浮" &lt;BR&gt;逸态轻盈 &lt;BR&gt;绝色复恃倾中外 &lt;BR&gt;叹一声佳人天使 &lt;BR&gt;幽居空谷落岸 &lt;BR&gt;&lt;/MARQUEE&gt;&lt;/DIV&gt;&lt;/MARQUEE&gt;&lt;/DIV&gt;&lt;/B&gt;&lt;/FONT&gt;<BR>&lt;p align=left&gt;&lt;/P&gt;&lt;/MARQUEE&gt;&lt;/MARQUEE&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/DIV&gt;&lt;/DIV&gt;<BR>&nbsp;</P>
<P>效果图如下</P>
<DIV align=center>
<DIV style="FILTER: shadow(color= #00b7ef, strength=26); WIDTH: 680px; HEIGHT: 230px" align=center><FONT color=#fff200 size=5 face=华文彩云><B>
<DIV align=center>
<MARQUEE height=350 behavior=slide width=580 loop=1 scrollAmount=1 scrollDelay=100>
<DIV align=left><BR></DIV>
<DIV align=left>
<MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up height=350 width=580 scrollAmount=1 scrollDelay=100>紫月嫣然 <BR><BR>落岸天使 <BR>月娥飞临 <BR>犹胜四美品德 <BR>芙蓉玉琢 <BR>笑傲九州 <BR>天使论坛开服 <BR>旌旗拥 靓女俊郎 <BR>轻罗白兰扇 <BR>纤腰玉带舞银河 <BR>问天下谁属 <BR>前后数千年 <BR>典章古今 <BR>谁宾谁主 <BR>幸落岸啸傲 <BR>海棠依旧 “我心漂浮" <BR>逸态轻盈 <BR>绝色复恃倾中外 <BR>叹一声佳人天使 <BR>幽居空谷落岸 <BR></MARQUEE></DIV></MARQUEE></DIV></B></FONT>
<P align=left></P></MARQUEE></MARQUEE></B></FONT></DIV></DIV>
<P>&nbsp;</P>
<P>这里在给大家几个特效字体的代码地址:</P>
<P><A href="http://blog.sina.com.cn/s/blog_66392eb80100n4de.html">http://blog.sina.com.cn/s/blog_66392eb80100n4de.html</A>&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P><A href="http://mxx1958.blog.163.com/blog/static/71975994200921614222668/">http://mxx1958.blog.163.com/blog/static/71975994200921614222668/</A></P></TD></TR></TBODY></TABLE></P>
<P align=center>&nbsp;</P></TD>
<TD style="FILTER: flipH" background=http://www.luoan.cn/bbs/attachments/month_1208/20120821_dc4415734e0d203fd6e793AzoM553zjq.gif width=80 align=middle></TD></TR></TBODY></TABLE>
<P><WBR></P>

紫月嫣然 发表于 2012-9-21 00:40:05

???????????????

紫月嫣然 发表于 2012-9-21 00:40:20

<P align=center>由于字数限制 现在接说下FLASH插入到帖子里面的代码</P>
<DIV align=center>
<TABLE style="BORDER-BOTTOM: #4d6df3 1px dashed; BORDER-LEFT: #4d6df3 1px dashed; BORDER-COLLAPSE: collapse; BORDER-TOP: #4d6df3 1px dashed; BORDER-RIGHT: #4d6df3 1px dashed" border=1 borderColor=#000000 cellPadding=1 width=550 align=center height=50>
<TBODY>
<TR>
<TD>
<P align=center>flash安装代码如下</P>
<P>&nbsp;</P>
<P>&lt;DIV align=center&gt;&lt;EMBED height=320 type=application/x-shockwave-flash pluginspage=http://www.luoan.cn/bbs width=458 src=http://www.xcwhw.cn/fla/cs/946.swf (FLASH地址网络中很多)wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"&gt;&lt;/DIV&gt;</P>
<P>&nbsp;
<P>效果如下:
<DIV align=center><EMBED height=320 type=application/x-shockwave-flash pluginspage=http://www.luoan.cn/bbs width=458 src=http://www.xcwhw.cn/fla/cs/946.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV>
<P></P>
<P align=center>这里我也给大家几个透明的FLASH地址<BR></P>
<P align=center><A href="http://taohua36.blog.163.com/blog/static/73124842011892541294/">http://taohua36.blog.163.com/blog/static/73124842011892541294/</A>&nbsp;</P></TD></TR></TBODY></TABLE></DIV>
<P>&nbsp;</P>
<P align=center>说到这里&nbsp; 大家是否有领悟和收获呢&nbsp; </P>
<P align=center>当然 由于水平有限&nbsp; 大家如果有什么疑问的 </P>
<P align=center>可以跟帖子提出 紫月尽力为友人解遗</P>

<embed src="http://www.zhongfun.cn/zts/2009/yenei/no.3/%E7%BA%AF%E9%9F%B3%E4%B9%90%20-%20%E7%90%B5%E7%90%B6%E8%AF%AD.mp3" hidden="true" autostart="true" loop="true">

[ 本帖最后由 紫月嫣然 于 2012-9-21 00:56 编辑 ]

cba1276 发表于 2012-9-21 01:21:05

谢谢紫月嫣然,做教程辛苦了,向你学习,不懂就找你了:victory:

巴库格格 发表于 2012-9-21 06:54:59

真棒辛苦了紫月   学习学习来了

悠悠 发表于 2012-9-21 09:58:19

紫月真有心了~想学音画的朋友,认真看看吧,有不会可以提出来,一起交流,呵呵~

明亮星 发表于 2012-9-21 09:59:41

教程做的非常好,楼主辛苦了,谢谢!

悠悠 发表于 2012-9-21 10:01:48

呵呵,熟悉的琵琶语

xbbtyb 发表于 2012-9-21 15:27:08

谢谢紫月嫣然美女,做教程辛苦了,向你学习,不懂就找你,终于等到你的

阿朱 发表于 2012-9-21 15:34:10

学习中……感觉头大,太喜欢音乐帖子了
页: [1] 2
查看完整版本: 手把手教您如何制作音画帖子