卡饭论坛 » 音乐红茶坊 » 普通代码制作漂亮的音乐帖

yvzhou3308 发表于 2008-9-2 21:06

普通代码制作漂亮的音乐帖

[align=center][size=3][b]普通代码制作漂亮的音乐帖[/b][/size]

[/align]

     
          [font=楷体_gb2312][color=#6600cc][size=4]一个图、文、音俱全的音乐帖会让人赏心悦目 可以让人对你所发歌曲留下更深的印象 比纯粹的转帖要有趣得多 下面就介[/size][/color][/font]
[font=楷体_gb2312][color=#6600cc][size=4]绍一下用普通代码制作音乐帖：[/size][/color][/font]
  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]


[color=#0000ff]出于安全的考虑 论坛很多会员没有使用 html代码的权限 那么想制作漂亮的音乐帖该怎么办呢？

其实使用普通代码也可以制作漂亮的音乐帖 所谓普通代码就是指论坛编辑器各种功能按键所提供的代码。

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_56cd9264326191b.jpg[/img]  


就是上图这些功能键



[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

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

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_528ddefd81c7987.jpg[/img]

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

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_11105830fd8111f.jpg[/img]

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]
（这里行数、列数设为1 长度设为60）
显示效果如下图：


[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_9990048767ff7d7.jpg[/img]  


[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

用鼠标点击一下表格内 按回车键、回格键可以任意调节表格大小（下图为回车键后变大的表格 回格键为表格变小）

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_7d4475dcf3c0fff.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

接下来是给表格上色（上色需要在代码方式下编辑）点击 windcode 如下图就是已经做好的表格的代码

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_785133beb321237.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

鼠标拖拽全选 上图的代码 然后点击下图的背景颜色按键 选择你喜欢的背景颜色 点击一下

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_4be2e6bc84aabbf.jpg[/img]

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_1bcce7b0c407d97.bmp[/img]  
[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

完成上面步骤 会出现如图所示的代码（红色箭头所指为表格代码 绿色为背景颜色代码）

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_aaff306440f04ca.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

然后 转回到所见即所得方式下 可以看到底色添加完成了 如图(这里选择了蓝色）

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_1fc84e8688b3151.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

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

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_50cceb19e7b798a.jpg[/img]  

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

[img]http://bbs.hhghost.com/attachment/thumb/Fid_77/77_25692_c427c0942f12bba.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

然后是添加文字内容（可以直接复制内容到背景里）

最后是插入播放器 复制歌曲地址到对话框 选择mp3选项）提交到合适位置即可

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_439360d811e476b.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

都完成后 可以使用如下图的功能键调整图片等的位置

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_602853bb9e6f388.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]
下图就是一个简单音乐贴的显示效果：

[/color]


[table=80%][tr][td]
[align=center][color=#0000ff][img]http://www.luobo.cc/attachment/thumb/15_38984_9de1fd9c5721078.gif[/img][/color][/align][align=center]

[color=#0000ff][size=5]歌词内容 [/size][/color][/align]
[align=center]
[color=#0000ff][font=宋体][color=#2b76b0][size=2]点击播放多媒体[/size][/color][/font]

[/color][/align][align=center][color=#0000ff]
[/color][/align][/td][/tr][/table]
[color=#0000ff][img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]
在上面的基础上 你还可以添加各种特效 比如文字、图片的飞行 滚动效果等

[font=黑体][size=5][b]歌词内容[/b][/size][/font]

[img]http://bbs.hhghost.com/attachment/Fid_110/110_22299_5a4d3655df2f846.gif[/img]

[font=楷体_gb2312][size=5][b]歌词内容[/b][/size][/font]


[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_e3289f9a6b56bb9.gif[/img]

有兴趣的朋友可以到这里去看一下：（哪里有一些特效代码）

[/color][color=#0000ff][url=http://bbs.kafan.cn/faq.php?action=message&id=18]http://bbs.kafan.cn/faq.php?action=message&id=18[/url]
[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]

在上面这些的基础上 你还可以把边框和底色弄得更漂亮一些。下面简单介绍一下表格镶嵌问题（边框效果）

首先制作一个表格（这个上面已经介绍过）然后点击表格边缘 右键复制 如下图

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_9b1bf8423a60708.jpg[/img]


在第一个表格内鼠标点击 然后复制 然后在表格内依次粘贴 如图3层镶嵌表格完成

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_1177bbd73929401.jpg[/img]
  
然后插入最后一个表格 最后一个表格 行数设为1 列数设为3 然后插入最里面的表格内


[img]http://bbs.hhghost.com/attachment/thumb/Fid_77/77_25692_2c207a119090612.jpg[/img]  

[img]http://bbs.hhghost.com/attachment/Fid_77/77_22299_9a692f9291134ab.gif[/img]
然后是给每层表格上色

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_87337e609c3d5bb.jpg[/img]

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_0029436043f038d.jpg[/img]

[img]http://bbs.hhghost.com/attachment/Fid_77/77_25692_05be23f88c46bfe.jpg[/img]


然后在你需要的位置加上图片等等 这样一个有边框的音乐帖就完成了 如下图：这里（第内层表格行数设为1 列数设为3 最里面的表格就可以分成3个部分了）

剩下的就需要你自己去不断尝试 搭配 去制作自己喜欢的音乐贴了！
[/color]


[align=center]
[table=100%][tr][td][align=center][img]http://gd.in9.cn/showpic.php?url=http://img1.ylmf.com/attachment/Day_071101/101_77973_0b1fc07e999ecc8.gif[/img][/align][/td][/tr][tr][td]
[table=98%][tr][td]

[table=98%][tr][td]
[img]http://gd.in9.cn/showpic.php?url=http://img1.ylmf.com/attachment/Day_071027/101_77973_7ef2cd404ec917b.gif[/img]
[/td][td][align=center]

[img=200,235]http://bbs.hhghost.com/attachment/Fid_72/72_25692_204f9bc07ab0b50.gif[/img]

[b][color=#ff00cc][size=5]文字内容[/size][/color][/b]
[/align][/td][td]
[img]http://gd.in9.cn/showpic.php?url=http://img1.ylmf.com/attachment/Day_071027/101_77973_7ef2cd404ec917b.gif[/img]
[/td][/tr][/table]

[/td][/tr][/table]
[align=center][wma]http://podcache.cctv.com/published1/2007/09/07/pub1189134377132.MP3[/wma]


[/align][/td][/tr][/table][/align]

[[i] 本帖最后由 yvzhou3308 于 2008-9-4 00:14 编辑 [/i]]

yvzhou3308 发表于 2008-9-2 21:16

en有两个图片是这样的，纳闷版主给编一下啊

yk1234 发表于 2008-9-2 21:21

背景音乐是什么啊？很不错！就是码率低了点，想找个好的。

yvzhou3308 发表于 2008-9-2 21:30

最后一个还是太小了，晕啊，所见即所得模式下是正常的，嘿嘿有些还是适用本站的，我的论坛和这个有些区别，就这样把，不做了

[[i] 本帖最后由 yvzhou3308 于 2008-9-2 22:20 编辑 [/i]]

Lurkin 发表于 2008-9-2 21:42

还是不会搞
有点点复杂了~

djcarbon 发表于 2008-9-3 20:34

呵呵，这样的帖子还是必须要顶的！

柳如斯 发表于 2008-9-6 00:27

估计有可能置顶，感谢楼主

s0_xi-3 发表于 2008-9-14 20:39

这样的帖子必须收藏。

所以我收藏了。[:xi2:]

jeccci5 发表于 2008-9-14 22:12

不错哦，比我原来的那个代码还要详细简单

08红伞威点 发表于 2008-9-26 18:38

收藏了,先学一下，[:06:]

想问，论坛中：自动播放音乐贴代码怎么弄...[:11:]

fuuuyou 发表于 2008-9-26 20:53

回复 10楼 08红伞威点 的帖子

额，抱歉，卡饭没有开启自动播放功能，估计不久的将来也不会开启，抱歉。。。

joyjoy 发表于 2008-10-5 15:49

好好学　

loveraideo 发表于 2008-10-5 17:36

[:03:] 楼主好有才

yvzhou3308 发表于 2008-11-3 14:24

好贴自己来顶啊，哈哈，让大家好好看看看

wwyyzz2001 发表于 2008-11-3 14:33

努力学习[:10:]

imingxiao 发表于 2008-11-3 15:56

俺可笨啦。。

查看完整版本: 普通代码制作漂亮的音乐帖