【教程贴】做漂亮的音乐贴
[size=4][color=#0000ff]一、框架制作：该贴嵌套两层表格，两个平行表格做为框架，简单明了，非常好看。先制作一个总框架的表格，把帖子内容都包进来，这样就不会显得漫无边际。插入一个只有一个单元格的表格,颜色已调为红色，表格大小为98%，尽量满屏！如图。[/color][/size] [table=98%,#dc143c][tr][td] [/td][/tr][/table][color=blue][code][table=98%,#dc143c][tr][td] [/td][/tr][/table][/code][/color][size=4][color=blue]现在再插入一个平行表格，当然你也可以插入三个表格（方法见上面的输入方法）！大家注意到二个表格都是分开的（需要换行），表格之间的距离可以调节！这样内容显得很清晰。如图[/color][/size]
[color=blue][code][table=98%,#dc143c][tr][td] [table=98%,#8b0000][tr][td]编辑内容[/td][/tr][/table][/td][/tr][/table][/code][/color]
[size=4][color=blue]二、编辑内容：下面就是编辑内容了，我们把要编辑的内容放入第二个表格里！图片，一个是主题图片（支持外链的图片），两张是装饰图片。第二项是歌词，还有花边。最后是音乐播放器和相关装饰图片。我们依次键入，如图。[/color][/size]
[table=98%,#dc143c][tr][td][table=98%,#8b0000][tr][td]
[align=center][color=#4b0082]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/folder.jpg[/img]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/14_10418_7c59c28896214b9.gif[/img][/color]
[/align][align=center]
[size=4][color=#ff9000][b]歌曲：不了了之
歌手：冰淇[/b][/color][/size][/align][align=center][size=4][color=#ff9000][/color][/size][/align][align=center][size=4][color=#ff9000][/color][/size][/align][align=center][size=4][color=#ff9000][b]
很想知道你现在的消息，
不清楚自己是怎样的心情。
那个曾经只给我依靠的肩膀，如今给了谁？
时间改变了你我的样子，
却留下了你爱我时的影子。
那些曾经只给我流过的眼泪，如今为了谁？
你和我不了了之的爱情，
有一段不了了之的回忆，
你记得我，还是已经忘记，谁为谁放弃。
你和我不了了之的爱情，
留下了不了了之的痕迹，
你快乐吗？是否有了爱的她，要好好珍惜。
你和我不了了之的爱情，不再有不了了之的结局
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/14_10418_7c59c28896214b9.gif[/img][/color]
[/b][/size]
[wma]http://www.xmhlg.com/mp/%B2%BB%C1%CB%C1%CB%D6%AE.mp3[/wma]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img][img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img][img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img]
[size=6]卖妻葬妾[/size]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/UMGNK4GBWE_203.gif[/img]
[size=4] [color=#00ffff]==============================[/color][/size][size=6][font=黑体][color=#ffffff]
[/color][/font][/size][/align][/td][/tr][/table][align=center][size=5][b][font=impact]
[color=#ffd700]子陵论坛！[/color][/font][/b][/size]
[/align][/td][/tr][/table]
代码为[code]
[table=98%,#dc143c][tr][td][table=98%,#8b0000][tr][td]
[align=center][color=#4b0082]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/folder.jpg[/img]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/14_10418_7c59c28896214b9.gif[/img][/color]
[/align][align=center]
[size=4][color=#ff9000][b]歌曲：不了了之
歌手：冰淇[/b][/color][/size][/align][align=center][size=4][color=#ff9000][/color][/size][/align][align=center][size=4][color=#ff9000][/color][/size][/align][align=center][size=4][color=#ff9000][b]
很想知道你现在的消息，
不清楚自己是怎样的心情。
那个曾经只给我依靠的肩膀，如今给了谁？
时间改变了你我的样子，
却留下了你爱我时的影子。
那些曾经只给我流过的眼泪，如今为了谁？
你和我不了了之的爱情，
有一段不了了之的回忆，
你记得我，还是已经忘记，谁为谁放弃。
你和我不了了之的爱情，
留下了不了了之的痕迹，
你快乐吗？是否有了爱的她，要好好珍惜。
你和我不了了之的爱情，不再有不了了之的结局
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/14_10418_7c59c28896214b9.gif[/img][/color]
[/b][/size]
[wma]http://www.xmhlg.com/mp/%B2%BB%C1%CB%C1%CB%D6%AE.mp3[/wma]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img][img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img][img]http://i223.photobucket.com/albums/dd286/yanghaiboer/101_660292_0cc7ed6ccb80ff9.gif[/img]
[size=6]卖妻葬妾[/size]
[img]http://i223.photobucket.com/albums/dd286/yanghaiboer/UMGNK4GBWE_203.gif[/img]
[size=4] [color=#00ffff]==============================[/color][/size][size=6][font=黑体][color=#ffffff]
[/color][/font][/size][/align][/td][/tr][/table][align=center][size=5][b][font=impact]
[color=#ffd700]子陵论坛！[/color][/font][/b][/size]
[/align][/td][/tr][/table][/code][size=4][color=#0000ff]三、我们把键入的内容进行格式化，诸如字体、颜色、字号等。大家也注意到整个内容都是居中显示的，我们只需在加入居中代码，比如这样就行。[/color][/size]
[size=4][color=#0000ff][code][align=center]***其他代码***[/align][/code][/color][/size]
[size=4][color=#0000ff]也可以点击[attach]576282[/attach]这个[/color][/size]
[size=4][color=#0000ff][/color][/size]
[size=4][color=#0000ff]四、上色其实听关键的，有的帖子看起来很协调，主要原因是配色得好！所以要加上“【table=98%,#dc143c】”为表格颜色，【color=#cccccc】为字体，颜色代码后面有颜色代码表，大家参考一下！[/color][/size]
[size=4][color=#0000ff]五、颜色代码：[/color][/size]
[attach]576286[/attach]
[color=red]如果大家对以上的东西不是很了解，也没关系，直接复制我那个帖子的代码就可以，但记住，代码要输在[attach]576283[/attach]这个模式下面！！[/color]
[color=#ff0000][/color]
[color=#ff0000]由于子陵屏蔽了很多关键词，所以图片请大家上传到网站上，而不要选择连接[/color]
[[i] 本帖最后由 卖妻葬妾 于 2009-1-7 22:55 编辑 [/i]] :s47: 真好呀，可以现学，会不会很难啊:s47:
[[i] 本帖最后由 玻璃情缘 于 2009-1-8 20:23 编辑 [/i]] [table=50%][tr][td][size=4][font=Verdana][color=cyan][/color][/font][/size][/td][/tr][/table]
[table=50%][tr][td][img]http://i223.photobucket.com/albums/dd286/yanghaiboer/folder.jpg[/img][/td][/tr][/table]
[table=50%][tr][td][img]http://www.ne.jp/asahi/syaraku/kichinyado/hana/bijin/bijin3/bijin31.jpg[/img][/td][/tr][/table]
:s58: :s58:
[[i] 本帖最后由 玻璃情缘 于 2009-1-15 16:16 编辑 [/i]] 真的很麻烦啊~可不可以把这些做成后台程序，当我们需要时，就可以直接点击一个快捷键就可以完成（图片自己可以插入那种），那样该多好！:s16:
这个来不了。
有点难度啊。。。。。。。。。。。。。不过你很辛苦。顶下 有点难度啊。。。。。。。。。。。。。:s16: :s68: :s68: :s68:很好
看贴回帖才是美德！支持下[img]http://www.hr-sky.net/bbs/images/default/sigline.gif[/img]
[color=#808080][size=2]不要跟我比懒.懒得跟你比![/size][/color][url=http://wendao.gm1866.com.ziling.com/][color=#808080][size=2]问道[/size][/color][/url][url=http://www.gm511111.ziling.com/][color=#808080][size=2]问道[/size][/color][/url][url=http://wendao.gm1866.net.ziling.com/][color=#808080][size=2]问道官网[/size][/color][/url][url=http://wendao.gm1866.org.ziling.com/][color=#808080][size=2]问道推广人[/size][/color][/url][url=http://www.dlqqtb.com.ziling.com/][color=#808080][size=2]QQ图标[/size][/color][/url] 很好！我在实践学习，谢谢楼主！
[[i] 本帖最后由 bywwcnll976 于 2009-3-24 11:02 编辑 [/i]] 那我想把我下在电脑上的歌上传怎么传？ 捞分，走人~~~！！！ :s21: :s21: :s21: :s37: :s37: 哇。。。太棒了！！！ 以后还真得多学着点哇。。谢谢楼主了。。:s37:
页:
[1]