想飞的鱼 发表于 2009-8-20 17:56:28

用普通代码制作音乐帖

************************************************************

这是别的论坛的示范帖,参考一下吧。咱这个论坛用的和下面的教程可能有所区别,注意一下。

一个图、文、音俱全的音乐帖会让人赏心悦目 可以让人对你所发歌曲留下更深的印象 比纯粹的转帖要有趣得多 下面就介绍一下用普通代码制作音乐帖。
出于安全的考虑 论坛很多会员没有使用 html代码的权限 那么想制作漂亮的音乐帖该怎么办呢?其实使用普通代码也可以制作漂亮的音乐帖 所谓普通代码就是指论坛编辑器各种功能按键所提供的代码。
http://bbs.xnnews.com.cn/attachments/month_0901/20090103_9105a6bd983842f4dcb5PvDhu29gDc6N.jpg
就是上图这些功能键

首先第一步就是给帖子加上底色

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_3c24b1eba1d1950abbd6Wxvkm9EE8EFg.jpg

如上图点击所见即所得方式 然后点击插入表格按键 在弹出的对话框里任意设置表格行数、列数、长度

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_07b9d6f60f461d6f4fdeOQrkuIyvtFmE.jpg


[注意:新手做贴,表格行数与列数只下定义为1就可以了,这样只有一个表格,比较简单点,到了真正把单表做得完美的时候,我们再来做表中表、并列表或是上下表,表格宽度在论坛里我们最好定义在580以内,大于580会出现表格边框或者图片显示不完整的情况,切记。背景色的定义可以从本论坛地址:

显示效果如下图(下面表格是没有加上颜色的):

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_88f6d1655dd90ea4d24dIn2CXWlaKgvl.jpg


下面我们做一个定义了背景颜色的的表格,如下图:

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_9ab763555de8bcb57fceuFiLbAJ4lu9e.jpg

上面表格里的参数表示了一个什么样的定义呢?我来为大家解释一下:这个表格定义了只有1横行和1竖行这么样的一个表格,表格宽度为400,背景色为#FF0000,#FF0000在颜色表里为鲜红色,那么做出来的表格如下图:

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_1c0c9ea16316e31b6dc3LLRxBRFKzWLz.jpg


现在就可以在蓝色背景下添加图片、歌词、播放器了(可以添加多个图片以及漂亮的分割线来美化你的帖子了)
首先是图片添加:点击浏览上传图片(这个不用多说大家都会)上传后的图片插入你觉得合适的位置。(用鼠标点击表格内 确定位置)

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_90470ffcddd532a334e8HwE3FembDmfB.jpg


也可以使用插入图片链接功能键(把图片链接复制到对话框里)即可。前论坛目前提倡图片本地上传!一般不使用图片链接形式。

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_dabf39db503c04f013aa398u3xIMjZJO.jpg.thumb.jpg


然后是添加文字内容(可以直接复制内容到背景里)
最后是插入播放器 复制歌曲地址到对话框 选择mp3选项)提交到合适位置即可

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_9c9388bfbc1baa59a5cbUq09HC6U0b5w.jpg

都完成后 可以使用如下图的功能键调整图片等的位置(注意:如果调整图片位置只要选中图片就可以再选择居左、居中或居右就可以了,如果是文字则需要选中所有的)。

http://bbs.xnnews.com.cn/attachments/month_0901/20090103_70cb20d11cb621444086RDnJpw5lImr1.jpg


下图就是一个简单音乐贴的显示效果:
http://bbs.xnnews.com.cn/attachments/month_0901/20090103_5ab8c11c4f646fa00b72AoZ2iVwJ9jbI.jpg

************************************************************

juaner 发表于 2009-8-20 18:28:45

占个沙发分享下,谢谢朋友

jufeng102 发表于 2009-8-20 19:13:57

谢谢楼主提供分享
页: [1]
查看完整版本: 用普通代码制作音乐帖