美丽帖子编辑利器Discuz颜色及排版布局模板代码分享

相信很多人都想要自己发布的帖子是美美的，漂亮的，

今天就给大家分享一下如何把帖子编辑的漂漂亮亮的。

感兴趣的盆有可以进来学习下哦！

% u0 {' j3 A) }6 N) a

简单边框之一：

单纯的内容边框

内容

$ \5 ]4 r7 A, V3 M) N代码如下：
9 q9 i* H2 n; [" ^  V+ C+ h' j! ?( l9 _

• 内容

  
  / Z& w* R. V& @# u- O' }

; N. H5 Z! `" u7 j+ l/ {1 K8 j  ^复制代码

1层边框

内容

代码如下：

1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

. R8 B( \/ Q( F9 J! B0 T: G# s
+ W2 C: s5 |3 a0 s  I7 a

• 内容

  
  

7 z5 `, q4 }4 S" d2 i3 Q复制代码
% `  I/ J! C6 j+ |! ^

  }2 s9 e$ i3 S2层边框

内容

代码如下：

1. 01.[table=560,#cc3299][tr][td][table=548,#5c4033][tr][td][table=536,white][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]

复制代码

• 01.

  内容

  
  & z$ i6 g# p/ p% V9 N. g6 W

复制代码
1 u; |0 T( S3 Z7 Q6 p

3层边框

内容

代码如下：

1. [table=560,mediumvioletred][tr][td][table=548,palevioletred][tr][td][table=536,lavenderblush][tr][td][table=524,white][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]

复制代码

0 i8 G' G/ P% V  j/ R4 i

• 01.

  内容

  
  

) A' _( ]0 N; J2 }" M+ c# |2 @% C: z复制代码

) D- h0 u% z3 E/ ~, L
简单边框二：

边框效果：

/ l. F! d; r4 L+ G7 r

内容

代码如下：
* k2 y1 [' V+ B: O0 I

+ S" `, N! W8 y/ x

  {2 U2 H( b9 ?  q/ i

1. 01.[table=560,#000000][tr][td][table=548,#ffffff][tr][td][table=536,#000000][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

0 A* G2 r# f# a) V6 F
, Q* _' \. o/ O8 q" l: |% G
- e- @- J, r' v" t
6 ], h& T& a$ C

• 1. <div id="code_MEi" style="word-wrap: break-word;"><ol style="word-wrap: break-word; margin: 0px 0px 0px 10px !important; padding: 0px !important; list-style: none;"><li style="word-wrap: break-word; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 10px; list-style-type: decimal-leading-zero; font-family: Monaco, Consolas, " 12px;="" 1.8em;"="" serif;="" new",="" "courier="" console",="" lucida="">01.[table=560,#000000][tr][td][table=548,#ffffff][tr][td][table=536,#000000][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]</li></ol></div><em style="word-wrap: break-word; font-style: normal; color: rgb(51, 102, 153) !important; margin-left: 43px; font-size: 12px; cursor: pointer;">复制代码</em>

  复制代码
  
  

! {5 F% d$ z( F* t$ r

内容

2 I' ^' H( E6 c6 n! _. A代码如下：
% H1 R0 d, v9 C7 o( p  K

1. 01.[table=560,dodgerblue][tr][td][table=548,deepskyblue][tr][td][table=536,aliceblue][tr][td]内容[/td][/tr][/table][/td][/tr][/table] [/td][/tr][/table]
   1 l8 C* p" O0 L3 c7 f; A
2. 复制代码

复制代码

( r& p8 D4 g$ ?: Q  a
0 }4 T/ h! d" x" H7 Y0 [

• 01.

  内容

  
  

& F" Q; R" n3 y+ }- B& J; ?" U$ i# I边框效果：
* k3 `- n; o, @- \4 Q
/ N1 Q4 @5 n. V

内容

$ D7 }+ N5 ~. A* |3 {代码如下：
/ P- V" F' r5 q" p2 _( r- Z/ S

1. 01.[table=560,#ff9999][tr][td][table=548,#ff6666][tr][td][table=536,lavenderblush][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

# v- o0 \7 x( _- n; y# Z* I
' C+ }; p4 |' n3 H" k% O( |

• 01.

  内容

  
  

2 [/ l' F; Y; F' P边框效果：
; H9 i5 O4 c1 s

5 f4 l+ R# v/ F' L

内容

代码如下：

1. 01.[table=560,chocolate][tr][td][table=548,peru][tr][td][table=536,antiquewhite][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

# X9 V7 ~1 ?% q8 ?8 D
" D1 d4 {6 ]! [' @/ H

• 01.

  内容

  
    Z& J2 p) E: x

% G5 W' X4 k- C! K( m$ d: ?边框效果：

8 T9 T/ d0 \+ j, \" W# K

内容

: m& a% u( o; q) y代码如下：
$ q- O" P' l  [6 q% `

1. 01.[table=560,green][tr][td][table=548,yellow][tr][td][table=536,floralwhite][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

& a9 S; H4 w( I
% t1 |8 p$ p! ^- Q

• 01.

  内容

  
  

边框效果：
0 i  z5 C. ~2 i2 l
0 j' }7 L+ b" e* W2 R( f

内容

代码如下：
" }/ u+ j% K- z5 s" O9 {5 ?5 h, ?) r; S* Q

1. 01.[table=560,crimson][tr][td][table=548,deepskyblue][tr][td][table=536,white][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   6 c" _% {3 i3 k" v  Z
2. 复制代码

复制代码

6 j% ?. o2 a& \! l* V0 T- k

# n! P9 C$ U; j" ~5 F; ^/ c. U) @

• 01.

  内容

  
  

边框效果：
0 T! b. P' {9 e% i5 P% Q3 X0 y- _
: e$ ^% p- s4 b- u' H  a! n

内容

* G6 Q" ?8 n# P( e7 s9 @3 n代码如下：
% i* S! O& B# ~$ g

1. 01.[table=560,blueviolet][tr][td][table=548,white][tr][td][table=536,blueviolet][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   ' v6 z4 X9 Z, S+ e0 h
2. 复制代码

复制代码

• 01.

  内容

  
  / z: B% O- f* q# F; D9 k! q

8 t" }  L. _- z0 i
边框效果：

4 _4 S' \7 X. b

内容

& Z5 z& }( D# m" t代码如下：
" O3 j7 M2 K! z1 Z' V) m* K# _. o6 ~

1. 01.[table=560,yellow][tr][td][table=548,black][tr][td][table=536,#ff0033][tr][td][table=524,white][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

( B" h+ ^$ b  G# _. u; V
6 w: n  ~8 O+ z+ w) n7 k7 \

• 01.

  内容

  
  

边框效果：
3 O6 a: M8 M0 X: d
4 L" }# n; I+ g: @2 }4 u+ H  H  T

内容

代码如下：
* g3 t1 J% O, u& T7 {* A6 U

1. 01.[table=560,dimgray][tr][td][table=548,darkgray][tr][td][table=536,whitesmoke][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

3 l4 ~/ S9 h  _4 Y4 V

• 01.

  内容

  
  2 I$ O7 E  `. k0 M8 E/ E$ U) z

+ [" f, J9 M# p3 T; l" j6 h; p+ w边框效果：
( R8 G! \9 e& |: V" ?* A

内容

5 J% S& ~$ z, i: s代码如下：

1. 01.[table=560,#007fff][tr][td][table=548,#ff1cae][tr][td][table=536,lavenderblush][tr][td]内容[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
   . N' C$ ?) L1 f% N5 G" X
2. 复制代码

复制代码

2 i; n3 R$ T, G$ h, a: s* p& f

6 s0 F0 ~% L) h. z6 w

• 01.

  内容

  
  

0 o1 }5 K8 D. x% J; {2 D6 H
& D9 j2 i' Z8 V$ A" P  B方法：
. }2 q: M3 H0 {; r: I2 M. M把代码复制下来.
* R/ {6 I# f, ]' R! P; P粘贴到你要写的帖子中...
6 o: K% ^$ i, A4 u4 |0 ^/ A9 z然后勾选文本编辑框右上角的纯文本...
, Y$ r0 B- w6 D# ^8 Y7 W7 q9 X& @" @你就会看到代码.....
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]
table=560,#ce0000     第一行       #号后是要你替换的颜色代码
" o$ i  p' U9 c/ Ntable=550,#ea0000     第二行
table=540,#ff7575      第三行
4 u, r7 _, B+ r8 B+ z* @/ D' Ktable=530,#ff9797      第四行
然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！

# }/ ?8 a* d" I% m9 d
: a" L4 m% ]% k, x: a备注
7 |" V7 H' ^2 z4 O. b; o" g+ y
/ d( ^8 d$ Z4 e2 H3 [' Z帖子里“=560 ”是帖子宽度  #999999是颜色代码。
+ Y; O3 y) V9 x3 z8 y7 r- E8 A如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”

& |" L8 A$ y. E5 G9 @: ~table表格大小不要超过560，超过发出来会自动变成98%

5 o4 f4 T! E+ h( [) J* s2 U" Y( Y颜色代码：
. F$ n, Z1 z3 L  O发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。
2 L" e- _) w: s+ j% J
" i9 l7 Y" S' `# V效果：

; S# o$ T. Y8 _" V; F8 w1  白色 #FFFFFF (这里有一个颜色哦)
4 f! {* I. p# x9 U) q! C( V9 d0 X  O2  红色 #FF0000
3  绿色 #00FF00
4  蓝色 #0000FF
8 c( K7 g# x$ ?& X$ k/ o5  牡丹红 #FF00FF
6  青色 #00FFFF
8 E0 z+ |/ `8 H5 [) B6 O1 o7  黄色 #FFFF00
) Z1 |; R5 ?! ~% V9 `4 @% f, }8  黑色 #000000
9  海蓝 #70DB93
10 巧克力色 #5C3317
+ @2 ?' U6 ^* i% y0 X6 X2 [4 W: J- _11 蓝紫色 #9F5F9F
& k5 V3 Y3 p! ?, K' o12 黄铜色 #B5A642
. l* d* k5 O! x# z/ X) U0 o13 亮金色 #D9D919
  d' A2 f6 {+ L5 k14 棕色 #A67D3D
# }& ?6 I% Y0 y4 k) X6 p. [15 青铜色 #8C7853
16 2号青铜色 #A67D3D
17 士官服蓝色 #5F9F9F
18 冷铜色 #D98719
) {# s/ D6 q# J, Z6 |5 U/ S3 ^+ S19 铜色 #B87333
0 w6 u; [/ T" c8 h9 [: ]20 珊瑚红 #FF7F00
21 紫蓝色 #42426F
22 深棕 #5C4033
' C: \5 o# a. D9 i, N: q! m23 深绿 #2F4F2F
1 D/ U$ K, y. z' V; |: u  x24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F
26 深兰花色 #9932CD
27 深紫色 #871F78
28 深石板蓝 #6B238E
29 深铅灰色 #2F4F4F
0 S+ v( ?. Z# h; |% Y1 H; K+ W30 深棕褐色 #97694F
) `$ h/ J, {6 [" P/ e32 深绿松石色 #7093DB
2 A5 N; C4 V* }+ [7 Y33 暗木色 #855E42
' d/ P4 g9 d. V8 y6 j# y) x% U34 淡灰色 #545454
; L+ [' p4 I& I- s! m1 R) {35 土灰玫瑰红色 #856363
36 长石色 #D19275
37 火砖色 #8E2323
38 森林绿 #238E23
: q8 [& K+ `" {8 m39 金色 #CD7F32
40 鲜黄色 #DBDB70
2 }, |9 a/ }+ q+ }# l41 灰色 #C0C0C0
# ]' \+ L9 F5 k7 `! G42 铜绿色 #527F76
43 青黄色 #93DB70
44 猎人绿 #215E21
45 印度红 #4E2F2F
46 土黄色 #9F9F5F
47 浅蓝色 #C0D9D9
! e) R, |' {- @- E48 浅灰色 #A8A8A8
9 I3 U5 G5 W. C: O" D8 R49 浅钢蓝色 #8F8FBD
$ v$ g( B; V0 K- s3 n59 浅木色 #E9C2A6
: B% h" W9 H/ g* r2 a" }60 石灰绿色 #32CD32
) k3 v% b5 a5 D" u61 桔黄色 #E47833
& f+ }' M, f4 F5 q: E62 褐红色 #8E236B
' f7 C5 n  {2 B5 [% \63 中海蓝色 #32CD99
6 K0 u1 T4 M6 g64 中蓝色 #3232CD
65 中森林绿 #6B8E23
5 T, [5 |6 ~+ E" U' M* j( x) g66 中鲜黄色 #EAEAAE
67 中兰花色 #9370DB
68 中海绿色 #426F42
3 S6 |' s/ L. z69 中石板蓝色 #7F00FF
70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB
72 中紫红色 #DB7093
73 中木色 #A68064
74 深藏青色 #2F2F4F
75 海军蓝 #23238E
( }2 |& p0 F, g/ s76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7
78 新深藏青色 #00009C
79 新棕褐色 #EBC79E
4 j& P% _7 {& W1 B' F& |! z80 暗金黄色 #CFB53B
81 橙色 #FF7F00
( S1 z# Y5 `/ }9 Y82 橙红色 #FF2400
7 d9 l4 Q' f; ]6 U* y83 淡紫色 #DB70DB
84 浅绿色 #8FBC8F
85 粉红色 #BC8F8F
86 李子色 #EAADEA
, |, @/ Q: ^* n6 \4 k% |87 石英色 #D9D9F3
  Q6 Y+ W, V3 C( ?" O88 艳蓝色 #5959AB
% D8 @0 ?0 y4 e7 }; z2 |89 鲑鱼色 #6F4242
* O4 J% D! U  n7 k6 a6 L90 猩红色 #BC1717
91 海绿色 #238E68
& P6 M. V% |" |92 半甜巧克力色 #6B4226
93 赭色 #8E6B23
94 银色 #E6E8FA (这个是银色)
95 天蓝 #3299CC
& w- F4 N5 I; h96 石板蓝 #007FFF
97 艳粉红色 #FF1CAE
6 S7 k! s; Q/ p( ]4 X98 春绿色 #00FF7F
99 钢蓝色 #236B8E
100 亮天蓝色 #38B0DE
/ H7 \( x* |; G! f) h101 棕褐色 #DB9370
102 紫红色 #D8BFD8
# N4 T) {' v) `$ Y2 b* `103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033
1 A9 X" x6 M! z, {/ t" _105 淡浅灰色 #CDCDCD
% ]5 _5 o0 j* n6 B7 @$ W106 紫罗兰色 #4F2F4F
107 紫罗兰红色 #CC3299
108 麦黄色 #D8D8BF
109 黄绿色 #99CC32



转载请保留当前帖子的链接：https://www.beimeilife.com/thread-17367-1-1.html 谢谢

table=560,#ff9999]
8 g! v  C; k$ J6 `1 _[tr][td]

内容

[/td][/tr]
) ]' v( \. o: I9 w' d" F7 t4 c. Z[/table<p></p>
" B; v& F$ `) d# e. \) k& d' x5 l

?

http://sq.k12.com.cn/discuz/blog-1040829-9709.html