安乡论坛,深柳论坛,深柳茶社

 找回密码
 注册

QQ登录

只需一步,快速开始

扫描二维码登录本站

查看: 266090|回复: 34

关于论坛贴子美化示例分享

    [复制链接]
发表于 2014-9-24 21:39:35 | 显示全部楼层 |阅读模式
本帖最后由 风中吻你- 于 2014-9-24 21:40 编辑

近几日在安乡论坛试了一下发贴,发现有些发贴代码还是适用本论坛的。在此将一些代码示例分享给大家,大家可以借此直接复制,以此为模版将所发贴子稍加美化。
嫉妒?
丽丽
~进行~
以后自己

表格代码基本格式:

[table=宽度,底色]




[table=宽度百分比,底色][tr][td][/td][/tr][/table]

其中的table就是表格代码,宽度用像素值也可用百分数,tr是行,td是列


代码示例:

1.一行一列


  • 一行一列


复制代码

效果:


一行一列


(表格600像素宽)  

2.一行一列有底色

  • 一行一列


复制代码
效果:


一行一列


(表格600像素宽,底色蓝色)


3. 双层表格  



  • 两层表格,外层为红色,内层为黑色


复制代码



效果:



两层表格,外层为红色,内层为黑色

500-490=10 10为红色边框的厚度,可以按照个人喜好修改
注:用相应颜色的线表示嵌套关系(如下图)

文字部分为帖子内容。


4.三层表格


  • 三层表格,外层为红色,中层为粉红色,内层为白色


复制代码

效果:


三层表格,外层为红色,中层为粉红色,内层为白色


注:用相应颜色的线表示嵌套关系(如下图,未画线部分为内层白色

以此类推,你就可以做出其他多层代码


5.两行两列表格


  • 第一行第一列第一行第二列
    第二行第一列第二行第二列


复制代码

效果:

第一行第一列第一行第二列
第二行第一列第二行第二列





6.合并表格


  • [td]
    第一列填充色为黑色第二列第一格填充色为黑色
    第二列第二格填充色为紫色
    第二列第三格填充色为绿色

3 Q\\\' S2 A# c/ U$ [/ D% {) i) o[/td]

复制代码

效果

第一列填充色为黑色第二列第一格填充色为黑色
第二列第二格填充色为紫色
第二列第三格填充色为绿色
[tr][td][/td][/tr]
[/table]注:鉴于安乡论坛所发贴子限制在10-10000字节,本内容未完待续.....


补充内容 (2014-9-28 09:48):
因该贴在发布时未能考虑代码的显示问题,以至本应显示代码的地方,直接显示成了效果,每种效果的代码见我的另一贴子:论坛贴子美化代码分享(http://bbs.axnews.cn/forum.php?m ... 6069&extra=page%3D1)[/color]
 楼主| 发表于 2014-9-24 21:46:23 | 显示全部楼层
8、镶嵌图片型
  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]

                               
登录/注册后可看大图
此处可填内容
[/td]</font>

复制代码


                               
登录/注册后可看大图

此处可填内容




  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]

                               
登录/注册后可看大图
此处可填写内容
[/td]</font>

复制代码




                               
登录/注册后可看大图

此处可填写内容


  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]

                               
登录/注册后可看大图
此处可填写内容
[/td]</font>

复制代码


                               
登录/注册后可看大图

此处可填写内容




9、干净的框架

  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]
    输入内容
    [/td]</font>

复制代码

效果

输入内容


  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]
    输入内容
    [/td]</font>

复制代码

效果


输入内容



10、框架多样效果
  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]
    内容
    [/td]</font>

复制代码

效果



内容




  • <font face=\\\"宋体\\\" size=\\\"3\\\">[td]
替换内容
[/td]</font>

复制代码

效果





替换内容







回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2014-9-24 21:41:49 | 显示全部楼层
7、颜色代码(自己搭配哦)



更多颜色代码如下:
1  白色 #FFFFFF (这里有一个颜色哦)
2  红色 #FF0000
3  绿色 #00FF00
4  蓝色 #0000FF
5  牡丹红 #FF00FF
6  青色 #00FFFF
7  黄色 #FFFF00
8  黑色 #000000
9  海蓝 #70DB93
10 巧克力色 #5C3317
11 蓝紫色 #9F5F9F
12 黄铜色 #B5A642
13 亮金色 #D9D919
14 棕色 #A67D3D
15 青铜色 #8C7853
16 2号青铜色 #A67D3D
17 士官服蓝色 #5F9F9F
18 冷铜色 #D98719
19 铜色 #B87333
20 珊瑚红 #FF7F00
21 紫蓝色 #42426F
22 深棕 #5C4033
23 深绿 #2F4F2F
24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F
26 深兰花色 #9932CD
27 深紫色 #871F78
28 深石板蓝 #6B238E
29 深铅灰色 #2F4F4F
30 深棕褐色 #97694F
32 深绿松石色 #7093DB
33 暗木色 #855E42
34 淡灰色 #545454
35 土灰玫瑰红色 #856363
36 长石色 #D19275
37 火砖色 #8E2323
38 森林绿 #238E23
39 金色 #CD7F32
40 鲜黄色 #DBDB70
41 灰色 #C0C0C0
42 铜绿色 #527F76
43 青黄色 #93DB70
44 猎人绿 #215E21
45 印度红 #4E2F2F
46 土黄色 #9F9F5F
47 浅蓝色 #C0D9D9
48 浅灰色 #A8A8A8
49 浅钢蓝色 #8F8FBD
59 浅木色 #E9C2A6
60 石灰绿色 #32CD32
61 桔黄色 #E47833
62 褐红色 #8E236B
63 中海蓝色 #32CD99
64 中蓝色 #3232CD
65 中森林绿 #6B8E23
66 中鲜黄色 #EAEAAE
67 中兰花色 #9370DB
68 中海绿色 #426F42
69 中石板蓝色 #7F00FF
70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB
72 中紫红色 #DB7093
73 中木色 #A68064
74 深藏青色 #2F2F4F
75 海军蓝 #23238E
76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7
78 新深藏青色 #00009C
79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B
81 橙色 #FF7F00
82 橙红色 #FF2400
83 淡紫色 #DB70DB
84 浅绿色 #8FBC8F
85 粉红色 #BC8F8F
86 李子色 #EAADEA
87 石英色 #D9D9F3
88 艳蓝色 #5959AB
89 鲑鱼色 #6F4242
90 猩红色 #BC1717
91 海绿色 #238E68
92 半甜巧克力色 #6B4226
93 赭色 #8E6B23
94 银色 #E6E8FA
(这个是银色)
95 天蓝 #3299CC
96 石板蓝 #007FFF
97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F
99 钢蓝色 #236B8E
100 亮天蓝色 #38B0DE
101 棕褐色 #DB9370
102 紫红色 #D8BFD8
103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033
105 淡浅灰色 #CDCDCD
106 紫罗兰色 #4F2F4F
107 紫罗兰红色 #CC3299
108 麦黄色 #D8D8BF
109 黄绿色 #99CC32
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2014-9-24 21:48:01 | 显示全部楼层
10、分割线(活跃你的作品)

                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图



                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图


                               
登录/注册后可看大图



                               
登录/注册后可看大图




                               
登录/注册后可看大图


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


                               
登录/注册后可看大图



                               
登录/注册后可看大图

 楼主| 发表于 2014-9-24 22:17:17 | 显示全部楼层

                               
登录/注册后可看大图
还是有点乱,代码发出来直接出效果了,大家在发贴时可不复制代码,直接复制效果,然后将“纯文本”前的勾去掉,然后粘贴就行了,再加上你所要发的内容。


补充内容 (2014-9-25 09:54):
终于知道怎样在贴子中显示代码了,可该论坛的贴子却不能重新编辑,有点晕.
发表于 2014-9-25 00:31:22 | 显示全部楼层
{:soso_e179:}
发表于 2014-9-25 04:23:17 | 显示全部楼层
谢谢贴主的贡献  学习了
 楼主| 发表于 2014-9-25 08:38:17 | 显示全部楼层
蔡大姐九三 发表于 2014-9-25 04:23
谢谢贴主的贡献  学习了

对于安乡论坛,俺也是新手,共同学习{:soso_e100:}


 楼主| 发表于 2014-9-25 08:45:24 | 显示全部楼层

{:soso_e181:} {:soso_e106:}
发表于 2014-9-25 09:20:33 | 显示全部楼层
谢谢分享,学习了!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|Archiver|小黑屋|安乡论坛 ( 备案序号: 湘ICP备11004567号 )

GMT+8, 2019-8-18 15:03 , Processed in 0.449636 second(s), 45 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表