【给力推荐】 简简单单让你的帖子变漂亮 试试吧 你也可以滴

晓清

亲爱的论坛的会员朋友
相信大家在论坛的每一个版块都可以找到自己喜欢的资源素材
看到别人的分享，以及那些做的很精美的帖子
你是否也曾蠢蠢欲动呢
或许因为从未接触过制作美帖，亦或是由于不能启用Html代码
从而让你却步，甚至打消了念头
其实，不用代码一样可以制作出美美的帖子
那么现在就将我慢慢摸索出来的一些发帖的简单操作过程整理出来供大家参考
希望每一位新人朋友都能够用美美的帖子来与大家分享你的收藏```

一 、论坛发帖添加背景颜色的固定代码

1. [table=98%,颜色代码][tr][td]帖子的内容[/td][/tr][/table]

复制代码

“[table=98%,颜色代码][tr][td]帖子的内容[/td][/tr][/table]”

注：蓝色区域为颜色的代码，红色区域为帖子的内容。   “table=98%”表示的是帖子的宽度，长度则无需设置，因为它会随着内容的多少而自动增长~“table=98%”这里也可以将“98%”改成具体的数值，如：600、500等等~无论是百分比表示还是具体的数值表示，效果都是一样的！

二 、更多颜色代码请点击：颜色代码表

只要将这些颜色中你喜欢的颜色英文字母替换至固定套码中“颜色代码”位置即可~

三 、示范帖子

1 、单一的背景颜色加文字帖——原“table=98%”我替换成了“table=600”（这里我用“粉色”的背景作为示范，这里的“粉色”可自行调制成其它，如黑色等```）

现在你所看见的这个帖子就是我用固定的代码做的， 由于帖子的整体背景是粉色的，所以字体可以是默认色， 也可自行调制成别的颜色，只要整体协调，不影响视觉， 能看清楚就行~我在这就将字体调成了“粗体/黑色/3号大小”

2 、单一的背景颜色加上图片文字帖（宽度500）
    因为加上了图片，所以你上传的图片大小最好与你设置的帖子的宽度相一致，图片宽度小于你的帖子宽度没关系，不要大了就好~不然图片在整个帖子中的效果就不佳咯~

上传图片方法是：添加附件，再将图片插入到你所要放置的位置即可~ 也可从相册直接插入到你需要的位置。

3 、多层背景颜色贴~
      这里我就用两层的边框的帖子做示范~三层、四层乃至更多层，以此方式类推即可~

此贴的套用代码为： [table=98%,颜色代码][tr][td][table=98%,颜色代码][tr][td]帖子的内容[/td][/tr][/table][/td][/tr][/table] 复制代码 因为是两层，所以肯定用两次固定的代码~如果加上第三层，那就再将固定的代码复制到“帖子的内容处”即可，以此类推~ 另外我设置了此贴的外框宽度为600，内框的百分比数值没变~大家可以自行调制到效果满意为止~ 多层背景颜色加上图片的帖子在这我就不再示例了，方法同单一背景加图片贴~

4 、具体的如何发背景上面都介绍了~ 下面再来说说音乐帖示例~

a 、先说下帖子内容的规则：

      

发一个音乐帖，推荐的内容格式为：
    图片+相关内容介绍+有效的歌曲试听/在线播放+下载地址（隐藏）。
    帖子标题一定要注明歌曲准确的名字，以备会员发帖前搜贴，防止重复帖的出现~

b 、添加音乐的方法以及添加自定义播放器的方法：

   

咱论坛有三种添加的方式~~
      （一） 是添加多媒体方式，在此图标里

插入音乐的链接地址~注意，下面那些格式选项一定要勾选与歌曲相同的格式，此播放方式一般很少用到。

  （二） 这个比较简洁方便~~编辑帖子的时候，在此图标下
直接添加你的音乐链接地址即可~~不过要注意的是，链接一定要是mp3格式的~此播放器唯一的弊端就是不能不好看，不能自动播放~~需手动才能播放~

（三） 是添加Flash动画，就是可以添加自定义播放器的，这种稍微的复杂些~~~在编辑的工具栏中你会看到 也就是可以调整大小，而且还比较美观~这样你的播放器就可以在任何颜色的背景下显示~具体方法：首先插入你找到的自定义播放器的代码，然后将有效的歌曲链接地址添加到代码中，再输入大小即可~播放器大小通为210（宽）*110（高）注：自定义播放器要求歌曲必须是MP3格式的~


（四） 关于隐藏内容或是地址的方法：
           其实隐藏内容跟地址很简单，编辑页面工具栏里可以看到
这个图标，只要将地址直接插入至此，接着提交就OK了~~

示例帖：

II.〆兮忆° 爱社区 爱你们

不知道大家还需要看这个不，但还是希望能给大家发帖带来帮助~希望每位想发美美帖子的朋友可以多多的尝试尝试，俗话说得好：熟能生巧嘛~~

PS：帖子最大宽度最好不要超过760，还有要注意的是，编辑完帖子后，将整个帖子全选，然后“居中”，这样出来的帖子就不会出现左右不对称的情况了~~

想要学到更多关于美贴的知识或是看到更多教程请上：※- 爱上学院

晓清

简单表格，同样漂亮！ 希望这贴对你发帖有帮助！ 动手试一下， 你也能做出漂亮的表格！

1. [table=500,black][tr][td][align=center][table=480,red][tr][td][align=center][table=460,black][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table]

复制代码

这里图片或文字 这里图片或其他 这里图片或文字

1. [align=center][table=560,maroon][tr][td][align=center][table=550,black][tr][td][align=center][table=530,purple][tr][td][align=center][table=520,black][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][tr][td][align=center][table=530,purple][tr][td][align=center][table=520,black][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][tr][td][align=center][table=530,purple][tr][td][align=center][table=520,black][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table][/align][/td][/tr][/table][/align]

复制代码

图片或其他 歌词或图片 播放器或其他 地址或其它

1. [align=center][table=500,#33ccff][tr][td][table=490,#ffffff][tr][td]
   
2. [align=center][table=460,#ccffff][tr][td][align=center][table=450,#ffffff][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align]
   
3. 
   
4. [align=center][table=460,#ccffff][tr][td][align=center][table=450,#ffffff][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align]
   
5. 
   
6. [align=center][table=460,#ccffff][tr][td][align=center][table=450,#ffffff][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align]
   
7. 
   
8. [align=center][table=460,#ccffff][tr][td][align=center][table=450,#ffffff][tr][td][/td][/tr][/table][/align][/td][/tr][/table][/align]
   
9. [/td][/tr][/table][/td][/tr][/table][/align]

复制代码

简单的美化帖边框方便大家使用 简单的美化 只要大家改变颜色和图片 再加上自己需要的内容就可以 最简单的:按照代码上的提示加就可以 [.table=450,#000000]这里的450是宽度 #000000代表的是颜色 可以自己任意改

1. [align=center][table=460,#caffff][tr][td]
   
2. 
   
3. [align=center][table=450,#ffffff][tr][td]
   
4. [align=center][img]http://img1.5d6d.net/201002/16/3894040_1266326178tyF0.jpg[/img][/align]
   
5. [/td][/tr][/table][/align]
   
6. [align=center][table=450,#ffffff][tr][td]
   
7. [align=center][size=2][font=新宋体][color=#80ffff]简单的美化帖边框方便大家使用[/color][/font][/size][/align]
   
8. [align=center][size=2][font=新宋体][color=#80ffff]简单的美化[/color][/font][/size][/align]
   
9. [align=center][size=2][font=新宋体][color=#80ffff]只要大家改变颜色和图片[/color][/font][/size][/align]
   
10. [align=center][size=2][font=新宋体][color=#80ffff]再加上自己需要的内容就可以[/color][/font][/size][/align]
    
11. [align=center][size=2][font=新宋体][color=#80ffff]最简单的:按照代码上的提示加就可以[/color][/font][/size][/align][align=center] [/align][align=center][size=2][font=新宋体][color=#80ffff][.table=450,#000000]这里的450是宽度[/color][/font][/size][/align][size=2][font=新宋体][color=#80ffff][align=center]
    
12. #000000代表的是颜色[/align]
    
13. [align=center]可以自己任意改[/align]
    
14. [align=center][FLASH=http://www.56.com/deux3_95499389.swf,380]350[/FLASH]
    
15. [/align][/color][/font][/size]
    
16. [/td][/tr][/table][/align]
    
17. 
    
18. [/td][/tr][/table][/align]

复制代码

这个边框 只需要 更换合理的图片 就可以 这里 高度也够 添加歌曲 也没问题的 发挥自己的想象 看你自己的布局 就行了 简单吧

1. [align=center][table=550,#000000][tr][td]
   
2. [align=center][table=220,#ffffff][tr][td]
   
3. [align=center][img]http://img1.5d6d.net/201002/16/3894040_1266326176sC79.jpg[/img][/align]
   
4. [/td][/tr][/table][/align]
   
5. [/td][td]
   
6. [align=center][table=220,#ffffff][tr][td]
   
7. [align=center][size=2][font=新宋体][color=#000000]这个边框[/color][/font][/size][/align]
   
8. [align=center][size=2][font=新宋体][color=#000000]可以用来做合辑[/color][/font][/size][/align]
   
9. [align=center][size=2][font=新宋体][color=#000000]只需要[/color][/font][/size][/align]
   
10. [align=center][size=2][font=新宋体][color=#000000]更换合理的图片[/color][/font][/size][/align]
    
11. [align=center][size=2][font=新宋体][color=#000000]就可以[/color][/font][/size][/align]
    
12. [align=center][size=2][font=新宋体][color=#000000]这里[/color][/font][/size][/align]
    
13. [align=center][size=2][font=新宋体][color=#000000]高度也够[/color][/font][/size][/align]
    
14. [align=center][size=2][font=新宋体][color=#000000]添加3.4首歌曲[/color][/font][/size][/align]
    
15. [align=center][size=2][font=新宋体][color=#000000]没问题的[/color][/font][/size][/align]
    
16. [align=center][size=2][font=新宋体][color=#000000]发挥自己的想象[/color][/font][/size][/align]
    
17. [align=center][size=2][font=新宋体][color=#000000]看你自己的布局[/color][/font][/size][/align]
    
18. [align=center][size=2][font=新宋体][color=#000000]就行了
    
19. [/color][/font][/size][/align]
    
20. [align=center][size=2][font=新宋体][color=#000000]简单吗[/color][/font][/size][/align]
    
21. [/td][/tr][/table][/align]
    
22. [/td][/tr][/table][/align]

复制代码

这里图片 宽是300高250是最好的 你可以自由更换 所需的图片 和相关内容

1. [align=center][table=400,#009393][tr][td]
   
2. [align=center][table=350,white][tr][td]
   
3. [align=center][img]http://img1.5d6d.net/201002/16/3894040_1266326177uVr0.jpg[/img][/align]
   
4. [align=center][size=2][font=新宋体][color=black]这里图片[/color][/font][/size][/align]
   
5. [align=center][size=2][font=新宋体][color=black]宽是300高250是最好的[/color][/font][/size][/align]
   
6. [align=center][size=2][font=新宋体][color=black]你可以自由更换[/color][/font][/size][/align]
   
7. [align=center][size=2][font=新宋体][color=black]所需的图片[/color][/font][/size][/align]
   
8. [align=center][size=2][font=新宋体][color=black]和相关内容[/color][/font][/size][/align]
   
9. [/td][/tr][/table][/align]
   
10. [/td][/tr][/table][/align]

复制代码

是不是很容易呢赶紧试一下吧 这些是可以直接复制的表格， 以上所说的只是个人建议， 具体怎么排版还是得靠个人创意。 颜色大小，大家可以换自己喜欢的， 不会换的看下面。 红色圆圈的是表格的大小，紫色方块是颜色代码， 大家看好后可以随意调整大小更换自己喜欢的颜色。 更多颜色代码请点击：颜色代码表 http://www.ii23.com/tool/color.html

1. [align=center][table=400,#000000][tr][td]
   
2. [align=center][table=350,#ffffff][tr][td]
   
3. [align=center][img]http://img1.5d6d.net/201002/16/3894040_1266326178nIuk.jpg[/img][/align]
   
4. [/td][/tr][/table][/align]
   
5. [align=center][table=350,white][tr][td]
   
6. [align=center][size=2][font=新宋体][color=black]添加你的内容[/color][/font][/size][/align]
   
7. [align=center][size=2][font=新宋体][color=black]添加你的内容[/color][/font][/size][/align]
   
8. [align=center][size=2][font=新宋体][color=black]添加你的内容[/color][/font][/size][/align]
   
9. [align=center][size=2][font=新宋体][color=black]添加你的内容[/color][/font][/size][/align]
   
10. [align=center][size=2][font=新宋体][color=black]添加你的内容[/color][/font][/size][/align]
    
11. [/td][/tr][/table][/align]
    
12. [/td][/tr][/table][/align]

复制代码

晓清

 

autoStart=no是手动播放。   换成yes是自动播放。    repeatPlay=no是不循环播放。   换成yes是循环播放。    以上代码支持所以格式的歌曲。    播放器的宽、高度可自行调整 注：HTML带表格的播放器代码普通会员可能还用不了。

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD>
<P align=center>
<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg volume="0" autostart="0" loop="-1">
</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE style="BORDER-RIGHT: #7A34AA 3px dotted; BORDER-TOP: #7A34AA 3px dotted; BORDER-LEFT: #7A34AA 3px dotted; BORDER-BOTTOM: #7A34AA 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=black>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#7A34AA align=center bgColor=#7A34AA border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=音乐地址 width=240 height=30 type=audio/mpeg volume="0" autostart="0" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<CENTER>
<TABLE style="BORDER-RIGHT: #f1dda1 2px ridge; BORDER-TOP: #bdb76b 2px ridge; BORDER-LEFT: #f1dda1 2px ridge; BORDER-BOTTOM: #bdb76b 2px ridge; BACKGROUND-COLOR: white" borderColor=#ffffff cellPadding=0 width=300 align=center background=http://bbs.muwen.com/fileuploaddir/4B2686448.4.gif border=0><TBODY><TR><TD width=300 height=20 cellPadding="0" cellSpacing="0"><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: invert(); WIDTH: 290px; HEIGHT: 28px" src=音乐地址 autostart="0" loop="-1" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

<TABLE cellSpacing=4 borderColorDark=#000000 cellPadding=0 width=434 borderColorLight=#006400 background=http://221.209.122.130/jblt/UploadFile/2005-3/200533018250626.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<CENTER><EMBED style="FILTER: xray()" src=音乐地址 width=430 height=24 type=audio/mpeg Kern - The Winding Path 32-01.wma loop="-1" autostart="false" volume="0" ShowStatusBar="1" louie.mp3 Louie.mp3 Amo.WMA Ti Che Dirti Pausini--Volevo></EMBED></CENTER></TD></TR></TBODY></TABLE>

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=8, Style=2, StartX=20, StartY=30, FinishX=0, FinishY=0)gray()" align=center>
<TBODY>
<TR>
<TD>
<CENTER><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐地址 width=480 height=45 type=video/x-ms-asf console="video" show*status*bar="1" volume="0" autostart="1" loop="1"></center></TD></TR></TBODY></TABLE>

<DIV align=center>
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px" align=center>
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐地址 width=250 height=50 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="1" console="video"> </TD></TR></TBODY></TABLE></DIV>

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

<EMBED style="FILTER: invert(); WIDTH: 450px; HEIGHT: 28px" src=音乐地址 type=video/x-ms-asf autostart="true" loop="-1" volume="0">

 

 

<P><EMBED style="FILTER: invert(); WIDTH: 370px; HEIGHT: 50px" src=音乐地址 type=audio/mpeg ShowStatusBar="1" autostart="true" loop="true" volume="0"></P>

 

<EMBED style="FILTER: xray()" src=音乐地址 width=400 height=23 type=audio/mpeg showstatusbar="0">

 

II.〆花花°

很给力哦

II.〆昵娅°

好多播放器哦！

H码的播放器我还没用过，

这个下次试试看！

II.〆小雨滴°

学习中啊。。。。辛苦了呀

II.〆小杰°

好多啊 眼都花了

Paranoid丶

受益匪浅

莫筱

空白  先亲亲    莪先去吃饭回来学习~~~~

晓清

莫筱 发表于 2011-11-18 18:02
空白  先亲亲    莪先去吃饭回来学习~~~~

嗯e 学学咯  熟能生巧嘛~~

莫筱

II.〆兮忆° 发表于 2011-11-18 18:25
嗯e 学学咯  熟能生巧嘛~~

嗯     看你们美美的贴   莪羡慕啊     呜啊    莪要狠狠努力了~~~

再见，夏日阳光

播放器太给力了。空白妞太有心了。[s:68]

卿卿

这帖子一定要顶

晓清

莫离。终陌离° 发表于 2011-11-18 19:26
播放器太给力了。空白妞太有心了。

向你学习嘛   你们一直是我学习的榜样

晓清

卿卿 发表于 2011-11-18 19:37
这帖子一定要顶

有时间也学着做做 做的次数多了 也就没难度啦

黑色大灰狼

很不错！我先收藏啦！

hotsuace

那么我赶紧给收藏了              

hotsuace

那么我赶紧给收藏了              

晓清

hotsuace 发表于 2011-11-18 21:51
那么我赶紧给收藏了

谢谢你的分分  

书香傲气

空白大神力作，辛苦了。