花粉俱乐部  logo 花粉俱乐部  因为热爱
搜索 |

教你如何美化主贴(加边框)~向优质贴迈进!

  [复制帖子标题和链接]

44522497

绿石头  神功盖世  发表于 2014-7-19 14:23:41 来自:浏览器

最新回复 2018-11-16 08:29:24

本帖最后由 绿石头 于 2014-7-20 15:23 编辑

    一个优质贴往往是多种因素形成的,贴子的选材、内容的精彩度、大众的需求等等诸多方面,但是最起码的一条,也是非常关键的一条就是:帖子的排版美化问题。排版美化的好,会给看贴人赏心悦目、眼前一亮的赶脚,也更容易引起共鸣,从而也就提高了帖子的回复率,如此,离优质贴还远么?别忘了,优质贴的花瓣奖励可是非常丰厚的,比冒着被禁言的风险去灌水刷贴要好很多啊!
    下面,我就给大家讲一下如何给你的帖子加上一个漂亮的边框(老鸟请无视),这里要讲的边框主要有两种,分为单边框和双边框。在此,还要感谢@月影儿的实用教程(拿来分享一下,表要打我啊)。

         

第一种:单边框

效果图:


11.png

上行代码为:
  1. [table=98%,#ff9999]
  2. [tr][td][table=98%,lavenderblush]
  3. [tr][td]
复制代码

下行代码为:
  1. [/td][/tr]
  2. [/table][/td][/tr]
  3. [/table]
复制代码

使用方法:


将上行代码和下行代码分别放在主贴内容的开头和结尾即可。

222.png 点击再去掉纯文本框,可即时察看效果!

使用注意:

5555.png 上行代码中红色圈出来的是边框颜色,蓝色圈出来的是边框内容背景颜色,这两种颜色均可替换其他颜色,贴子最后会提供。

         

第二种:双边框

效果图:


3333.png

上行代码为:
  1. [table=98%,dodgerblue]
  2. [tr][td][table=98%,deepskyblue]
  3. [tr][td][table=98%,aliceblue]
  4. [tr][td]
复制代码

下行代码为:
  1. [/td][/tr]
  2. [/table][/td][/tr]
  3. [/table] [/td][/tr]
  4. [/table]
复制代码

使用方法:
同单边框是一致的,分别放在帖子内容的开头和结尾。

使用注意:

6666.png 上行代码红色圈出的为外层边框颜色,蓝色圈出为里层边框颜色,黄色圈出的为边框内容背景颜色,上述3种颜色均可替换。

         

PS:可能有的花粉已经看出来了,这两种边框都是不对称型的,像此贴这种对称的边框怎么做呢?其实很简单,只需要稍加改动上行代码即可,下行代码是不需要改动的。下面是改动后的对称型的单边和双边框的代码。

对称型单边框上行代码:
  1. [table=530,#ff9999]
  2. [tr][td][table=540,lavenderblush]
  3. [tr][td]
复制代码

对称型双边框上行代码:

  1. [table=530,dodgerblue]
  2. [tr][td][table=530,deepskyblue]
  3. [tr][td][table=540,aliceblue]
  4. [tr][td]
复制代码
至于这两个代码的下行代码这里不再提供了,直接用上面不对称型的即可。

附各种颜色代码:

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
162号青铜色 #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
使用时,只需复制后面颜色代码替换上行代码圈出的即可!
好了,介绍完毕,祝各位优质贴多多,花瓣多多!
[flash=235,346]http://www.xiami.com/widget/39158910_1772171323,_235_346_5695c1_457cb4_1/multiPlayer.swf[/flash]

评分

参与人数 22人气 +195 威望 +47 花瓣 +30 收起 理由
Aceest + 5 + 1 臣妾做不到、加分膜拜了!
花粉12498927 + 1
花粉11233844 + 5 + 2 正宗好论坛,正宗好帖子凸( ̄︶ ̄)凸.

查看全部评分

老老实实做人,踏踏实实工作,快快乐乐生活~
wlok188  花粉分区版主  发表于 2014-7-19 15:18:30 来自:浏览器
本帖最后由 wlok188 于 2014-7-20 00:12 编辑

感谢石头的教程~~虽然很简单但是很不错的!

生锈的感情又逢落雨天,思想在烟圈里捉迷藏。推开窗,雨滴在窗外的树枝上。雨,似舞蹈者的脚步,从叶瓣上滑落。
ddgguoguo  已臻大成  发表于 2014-7-19 16:33:06 来自:浏览器
受教了,有用的贴。收藏了
ddgguoguo  已臻大成  发表于 2014-7-19 16:33:54 来自:浏览器
好棒,感谢楼主
花粉7364861  已臻大成  发表于 2014-7-19 16:43:39 来自:浏览器
不错,支持一个
爱体育,爱生活
花粉7230163  已臻大成  发表于 2014-7-19 16:57:50 来自:浏览器
必须的学习
王屋山下  神功盖世  发表于 2014-7-19 17:00:23 来自:浏览器
又学到了一种新技术
你家在哪里?我家黄河边,王屋山下!
花粉7904220  渐入佳境  发表于 2014-7-19 17:18:40 来自:浏览器
不错,支持一下
花粉7482827  已臻大成  发表于 2014-7-19 17:44:19 来自:浏览器
好牛X啊
做自己害怕的事,总有一天我会习惯。
花粉7513408  已臻大成  发表于 2014-7-19 19:17:15 来自:浏览器
这个还真不知道,受教了
您需要登录后才可以回帖 登录 | 立即注册

工具下载

  • 花粉客户端官方

    Make it Possible

粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2019 华为终端有限公司 版权所有

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