开启左侧

[学习借鉴] 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享

[复制链接]
发表于 2016-6-24 11:27 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
" T4 }! i% I; [" v
简单边框之一:* W6 [  ]: T4 |+ Z4 P6 U" y' [2 E

- H4 |8 W9 X8 ^+ a
单纯的内容边框
$ \" T$ j* |9 ?  b/ g' Y# K2 M5 j/ _$ W4 X9 Q
9 x1 l; U$ j' o3 h
内容
$ j; C7 z4 ^* ~4 P1 z9 X
代码如下:
% ]/ j8 M1 K) Q6 J0 h$ W' o& \. h  m
  • 内容

    ) C! P$ v' u: J1 }' a0 J
0 G/ g4 n/ Q/ Y3 K' v# C
复制代码

) u$ C5 _# s8 @/ d9 @& e' i. r$ c
1层边框- l1 `5 i# R5 c8 G& [4 g- V$ \+ e
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]9 |' \6 x# x% S
  2. 复制代码
复制代码
% b0 m" J; T1 ~9 D

* R% l; O# p) S0 E( l; m8 e
  • 内容
    . S& @1 i- g5 ?/ `

9 k- }/ s. G6 s5 J复制代码
0 a% S0 Z; F% f: `% x$ K
1 d( Q* E# }' ]* J7 y6 T# W, \
2层边框
5 h& k9 I+ E9 t+ F1 S9 {& `+ t  B/ t( I0 t/ o) J. j2 G4 b
内容
代码如下:
  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]
复制代码
: ^2 W7 g8 \; R2 f
- C$ V- [! c, \7 M6 E8 m! j
  • 01.
    内容

    2 O8 }9 W4 S2 J/ t

0 n. T" g# D0 Z; A复制代码
6 \( B! ~' r/ p/ u) v6 B1 j
. a$ ]2 f/ G- c3 A1 L& L7 |* \
3层边框; k; E8 ?" w2 W% W% R) ?
内容
代码如下:
  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]
复制代码
- @% i7 m) E% n$ z+ `" B, k
+ i) Q2 o8 j/ }7 v5 |
  • 01.
    内容
    3 D3 T7 z4 Y( X7 _' z- i1 `. m
: t0 R% {7 {1 [4 J2 }
复制代码
+ m; C7 l# N& w! b
2 p4 y  S+ X* P  h  N$ B; c4 i

$ x2 d: H5 Q3 N4 ]3 c( c# _( j, t
简单边框二:( R: f0 }2 |( j" h* K6 i
9 j( C: ~% j" `  @2 j1 c
边框效果:+ U2 O; t( c. w) q
7 D# Q8 l5 ~; K5 `4 T! B1 b( T& ?
内容
& X, a2 `4 [% O5 C8 d2 G2 J
代码如下:8 @& d7 j! S# y+ c

6 R0 M% z+ n0 v
. O- E2 P: k! a% h9 |/ [7 N' Q" u- d& j% z  o4 E
. u( s* q! ^8 r  @# w& M

! w3 Q0 y: K- Z8 F! E- O. S
  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]
    . u  V! b1 H7 h# _
  2. 复制代码
复制代码
7 @- L5 [2 ], g+ T3 V4 K0 [9 ^% N

% ?( [6 T& Y. s1 v/ j# N: o' v& N/ \1 a3 Q# N( k+ o  e3 t
( e: x5 M+ g; _3 p8 m7 l$ @
    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>
    复制代码
    $ K% g& c) l2 o9 X: f  c9 _! j8 c

. g2 o. i6 C! P, ]: M- g
内容
! f) p9 A# d- Q! [- X" `
代码如下:
1 I2 p$ V' [/ b! ]: T6 D
  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]! f. M) g6 z) H
  2. 复制代码
复制代码

$ D  R- Z+ ~4 ]6 G4 I4 W' f  U7 g
/ D+ U5 B8 [( ^/ y- e
3 ~; h  n+ }7 d7 I5 B, Z+ K
  • 01.
    内容
    8 V# ^. e* @) R% `" ^2 S
, s' t* N' Q) K# c) ^3 H2 W# U$ N& V
边框效果:. E5 U* w5 W2 r1 }

; Y7 c& Z0 K8 ^" W

, H& s9 \. R" \3 E8 \1 S
内容
0 o& w  J( f  b+ g. c
代码如下:
$ n* z; S% Q, Q5 x
  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]
    3 Q1 W3 e! Y9 R1 e. u9 g
  2. 复制代码
复制代码
% D$ P# w0 }+ F) x

. c" b) {$ [- u% C2 A4 A

+ S, }6 @2 X  j- v6 F# J& D" Z
  • 01.
    内容
    3 E7 A5 c* M% v7 K2 x/ D; K

2 Y2 g$ c! t+ a7 m! H
边框效果:
% Q0 S' K% k0 \5 w3 k6 G6 r7 D. @* {" ^; v
* s, [) X% P; d" l# g
内容

6 o* K* a8 t9 k( v2 }4 g4 t代码如下:
7 t$ E& {8 ]9 o, {; \
  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]4 |( r# H- N# j" D
  2. 复制代码
复制代码

3 N& y5 |( C+ [* s2 R8 C6 G* Q9 D
& m" b5 @, A/ }$ Y
  _/ p6 v/ E" S: J. b; D
  • 01.
    内容

    3 P: K0 i$ H& {8 H# _

- j2 ]0 X7 z4 h9 ]
边框效果:
/ O% D% Q5 S  e1 H8 U2 u

3 z7 f, h5 W. ?8 }1 o" Z
内容

2 W4 j9 f7 K# ?: |代码如下:6 ]* s& m& f# \9 b  a
  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]
    4 N- L1 ~3 X/ N# w0 |/ |
  2. 复制代码
复制代码

# }" f) ^/ J- v5 Y& `. r& \' A7 x6 g

/ U* H8 {1 |+ q3 i' @# W
  • 01.
    内容
    4 C7 _3 b3 n8 h/ Y1 B: m, S& U

% _. v# O8 K5 ~. d: b" p7 n$ J
边框效果:
) U3 |. r  H& w# Z2 D3 Y' x

  o) t% k" S- {4 `5 q4 ~
内容

" e, c8 _: ]+ l* l3 k4 P代码如下:
4 J) I1 U) s$ v- v& y4 V' x, o
  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]5 D. |) |  w! A/ H/ @
  2. 复制代码
复制代码
  c8 F! n% V& w$ p
" [$ }4 P8 a& e4 q7 U% P! z, ]

0 M3 L. X0 d! z; @+ h' @  E6 M
  • 01.
    内容

    ' X1 P( v7 L! d! J
边框效果:
" q% @' _" P  V; a4 u! c

2 W4 t* |  ]0 [; G* W* R
内容

: F; C4 H; n7 ^4 n" z代码如下:" v' [4 C0 @8 G( @; S
  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]* Z2 j& k9 i# F! i! O- e
  2. 复制代码
复制代码

; `% x% X1 a3 u6 z$ ?- Q
, e: f, U6 {: V6 p

- t- c5 Q# ~2 E& N3 U8 B0 {4 l
  • 01.
    内容
    4 x6 r! \, g6 Q% |8 {4 ]/ ~" I# t3 D

) h4 K8 }% M6 `  ]

( K* S$ W1 H) F3 a( d边框效果:
) A/ Q8 f# O& Y/ H8 r/ i  n
0 K% y4 F5 z8 G  k
内容

: F8 ?9 U3 S% z: Q. u$ d代码如下:; U. z! ^2 B- B" X# C% a
  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]' a& u0 u% @6 Z
  2. 复制代码
复制代码

) i) j3 h7 n& x' B* q' _5 M# o; R# p$ N
- K% B" f$ V" L' A
  • 01.
    内容

    ! _$ d9 V" E" {1 n% W/ ~! ]
) w! Q, `2 k7 ^- P( i2 R2 ]
边框效果:4 H4 F! A" i6 \: F/ ^) v* e

. ^9 A# D' ^  m6 d
内容
; C3 Q& k& Y! j1 z  l. V0 O0 G4 j
代码如下:2 C9 u% i  r9 |" m7 j7 G
  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]
    $ W1 ^9 P4 T9 ?7 w- Q6 E
  2. 复制代码
复制代码

) O( l: n. @* {& y7 V9 u# J2 R3 v: y2 `- t, w* n4 A

- N+ I; Z5 B, b) x2 `( y
  • 01.
    内容

    * d7 r& d! p! S: y# _9 W+ o8 W
) j/ D) z( D* q) L0 J7 L$ O* `
边框效果:( C, m; s/ w; g9 }0 ~, o
& Z- B- t4 s2 |5 P: n  f
内容
6 r0 _% ^  ?; y- `" k7 x$ P# ~7 y
代码如下:
( N7 D0 G0 {- A; P
  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]5 _, [0 ]5 g# Z( n5 g! V
  2. 复制代码
复制代码

  M1 u) U% M+ n# R9 X& x  C, V  B1 g; k; X/ Z8 V7 c
( M' k$ c7 k8 O- }, P* X4 `; [6 ~
  • 01.
    内容

    ' X  ]$ ?' u7 C$ M7 P1 r

! z: D& d7 s3 d6 Y' x. N

3 S* y5 N2 m5 V( h4 z3 n方法:3 ?7 d) i# m8 A; S. B
把代码复制下来.) q+ z, p$ K" K; e+ B* H6 v! B/ w7 D& p
粘贴到你要写的帖子中.../ H. i' a1 f: m0 U# G" h
然后勾选文本编辑框右上角的纯文本...1 \0 g7 M% w7 O% f' x
你就会看到代码.....
5 o& Q5 k- w: s4 K其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]* L8 c0 ~+ p. @' V/ [" Y5 ?
table=560,#ce0000     第一行       #号后是要你替换的颜色代码7 v5 y+ u2 c! G0 a4 X
table=550,#ea0000     第二行1 i6 R% x. K" D- h) c( ]- J
table=540,#ff7575      第三行, B7 x. M6 f! Z8 u' ^
table=530,#ff9797      第四行2 J3 m; y' g% s0 v" Z
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

7 G, z4 D" E& I
& z- ]+ f4 y5 c

) E# h# I8 [. G9 n! m备注
, y; ~% q  n& t* \) A/ U% p6 J& J
帖子里“=560 ”是帖子宽度  #999999是颜色代码。% O. P3 u9 {0 A$ j" T% k( ]
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
% W( e7 n8 e% J: ?6 f, _8 ?* O( f1 J( m% t
table表格大小不要超过560,超过发出来会自动变成98%
# g9 ?* G1 w0 C2 E, D
! e9 B1 `) o1 @# ^+ [0 p1 v1 O颜色代码:
9 e/ c1 L3 \7 G5 B发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。) V! `5 f. t( Z1 N/ [

( F( z' @! O+ Z6 ~# ?- J效果:
* @! r5 `* ^% D8 q8 P- x4 F$ L2 p+ a+ s' G
1  白色 #FFFFFF (这里有一个颜色哦)
* w) y6 N: E& _7 V
2  红色 #FF0000
* L# P* v& \; J0 b% }3  绿色 #00FF00
2 y4 \0 E, Y  |- o4  蓝色 #0000FF
+ x/ c- V0 p" I1 C% a) m5 r# i5  牡丹红 #FF00FF : u8 j2 Z! `1 e1 }) u6 z+ I, t. {& F
6  青色 #00FFFF
) @3 n& N, a: q- W0 x0 z7  黄色 #FFFF00
7 U+ z! V3 k6 m, m( \0 e- ~) z8  黑色 #000000 2 _9 J# i7 n1 m  O$ Q% n! l% V
9  海蓝 #70DB93
6 E2 K; y  z- W3 H8 d10 巧克力色 #5C3317
5 L7 W& _4 ^8 l7 `! K6 H3 R11 蓝紫色 #9F5F9F % @1 k5 u( F- l: O
12 黄铜色 #B5A642 0 I/ l: z8 I3 E: R
13 亮金色 #D9D919 ( V8 b: O+ s9 {* k2 ?) N
14 棕色 #A67D3D 3 f8 L2 y' u/ m6 o
15 青铜色 #8C7853 ) A2 S2 ~  U( k) Z$ C+ Y" V- Z
16 2号青铜色 #A67D3D
0 W7 P: ?* s6 l7 ~) k: P17 士官服蓝色 #5F9F9F
, f6 R; j6 E$ `0 O% a18 冷铜色 #D98719 $ E. w1 V; ]( F8 Z
19 铜色 #B87333 7 t- d9 m7 J6 G  E7 k4 }0 x3 B/ x$ X& m  S
20 珊瑚红 #FF7F00
4 Y" l: y3 F! B' o2 v21 紫蓝色 #42426F
8 `: q) H" B* e22 深棕 #5C4033 $ X7 }0 _. s+ K! M( r, h! K
23 深绿 #2F4F2F
3 W" ]+ h& K; c, x, C4 T24 深铜绿色 #4A766E
' C( i0 z; g5 f# v25 深橄榄绿 #4F4F2F " C' R; w* j% _  p
26 深兰花色 #9932CD
4 K& o" F4 s* b1 _4 S0 L8 V27 深紫色 #871F78
; A& V; v- H1 k5 N8 w28 深石板蓝 #6B238E & p* }( ^+ F8 q/ a6 A* m
29 深铅灰色 #2F4F4F . L6 l$ e+ S# v$ S& p: ^, i
30 深棕褐色 #97694F * j, c- o5 ]' s, @% w" S# l
32 深绿松石色 #7093DB $ G6 V0 `* R/ l- T9 ~
33 暗木色 #855E42
; S6 x* P5 X: _0 M6 z8 R- }! w2 Z; e34 淡灰色 #545454
: a3 c; M  F* N" Z: c35 土灰玫瑰红色 #856363 0 ~3 B, [0 ~' o# C2 z
36 长石色 #D19275 8 ^' {7 U$ @/ u9 g" c! k# z
37 火砖色 #8E2323 9 O6 ?& O9 ^" o
38 森林绿 #238E23 & k; Q& i$ R- [: r) ~
39 金色 #CD7F32 2 E) s, o9 V; ]% l
40 鲜黄色 #DBDB70 8 s+ q8 C* K! @' r' c+ S
41 灰色 #C0C0C0 1 J5 O- e* x9 p
42 铜绿色 #527F76
& k+ U. v/ m& c$ U5 w43 青黄色 #93DB70 * g7 X- r6 y; d3 U! ]& U* D4 Y
44 猎人绿 #215E21
9 @% V% G  I$ m0 M4 y7 g) U45 印度红 #4E2F2F
& e5 |5 m4 C9 E$ x4 [46 土黄色 #9F9F5F
7 Z7 o( R: D: Y. r# V47 浅蓝色 #C0D9D9 - L2 }* Y7 M' O
48 浅灰色 #A8A8A8
* v* \+ E2 \6 ^4 T49 浅钢蓝色 #8F8FBD : J) v$ n' q$ m! A' t( I0 r% ]
59 浅木色 #E9C2A6
* f9 y; m6 t: M! n! y3 ?60 石灰绿色 #32CD32
: ]$ q! U! ~9 m# I+ p61 桔黄色 #E47833 5 G" Q# D5 p( u$ g; c' G
62 褐红色 #8E236B " n# R& k, t& {9 z
63 中海蓝色 #32CD99 " u5 x$ t; {, X+ _/ w+ E' N5 {
64 中蓝色 #3232CD
: v5 a# a# ]$ K65 中森林绿 #6B8E23
0 n) B. Y. T* U5 o66 中鲜黄色 #EAEAAE $ ^. f+ I+ u7 K* ]9 a* Y8 D& E
67 中兰花色 #9370DB
8 [6 y# r$ o; I! p68 中海绿色 #426F42
) a7 m; m" C% A3 V1 d69 中石板蓝色 #7F00FF ! m( @7 n& L# h2 A0 P4 e. D
70 中春绿色 #7FFF00
) C+ B; e/ X0 f4 P5 M71 中绿松石色 #70DBDB ' g( {7 g0 L% C  z( `
72 中紫红色 #DB7093 " q& t, z6 r) J9 T- t5 q5 X
73 中木色 #A68064
% I/ x* \/ u% [! G( n74 深藏青色 #2F2F4F & k9 m% ]8 \9 j! `3 n- i
75 海军蓝 #23238E 7 f' Z: {1 r& e: P
76 霓虹篮 #4D4DFF ! |  ?. L  E; Y+ u) b: T4 I
77 霓虹粉红 #FF6EC7 % M% k( ~$ m  {" B+ I$ o
78 新深藏青色 #00009C
# q2 F# g7 S2 ?8 Q9 j' L79 新棕褐色 #EBC79E 5 z( X% B; P8 w2 b6 Z
80 暗金黄色 #CFB53B
+ s$ \1 l; X, W% R81 橙色 #FF7F00
. {/ P* P& Z) G: D5 Z$ r82 橙红色 #FF2400   f9 `$ E6 s: s% y% {( l
83 淡紫色 #DB70DB
; B# q( K5 G% u5 x* A# a84 浅绿色 #8FBC8F
) l, ?. Q9 O1 [8 b4 p5 m85 粉红色 #BC8F8F - l7 Q4 v1 u# I' S
86 李子色 #EAADEA
* B& m1 Z% i! p6 s( U87 石英色 #D9D9F3
3 P( z+ e1 Q/ c4 A! e88 艳蓝色 #5959AB
3 `: x) I% t+ k% R% _89 鲑鱼色 #6F4242
9 ^5 {: S- s% m  G  V8 ~& G) Y90 猩红色 #BC1717 ! I& g$ q1 O$ c0 c4 l+ A
91 海绿色 #238E68
/ d9 E8 X  k% P% B  I+ a92 半甜巧克力色 #6B4226 ( C" o8 g2 l3 A5 S
93 赭色 #8E6B23
8 i9 P1 r5 ]4 H0 X3 L/ f2 ^$ I$ p94 银色 #E6E8FA
(这个是银色)- C8 A4 t: c* @3 s7 \* C) ^
95 天蓝 #3299CC ) D: W3 e' R8 o( G* e
96 石板蓝 #007FFF : T1 ]& {4 @. }* R  T- j; F
97 艳粉红色 #FF1CAE
) ?- g( e' a* B0 B2 D/ Q$ {6 |: u/ S) F4 d98 春绿色 #00FF7F
: T0 F" n+ ]4 t99 钢蓝色 #236B8E ! J" ]0 j/ F& U6 f( f  L3 U# P' H. Q
100 亮天蓝色 #38B0DE   k4 r' n0 N6 ]" b
101 棕褐色 #DB9370 $ N/ m0 e/ T3 [: R% v; q
102 紫红色 #D8BFD8
6 ?3 h, P) t$ I- t& t% O  B7 K103 石板蓝色 #ADEAEA 0 U( H# l- n: u% D, {8 i6 ?: P
104 浓深棕色 #5C4033
+ U  X* \+ {) o  ?& P105 淡浅灰色 #CDCDCD % G! d* ^5 {/ v# i: ^* @: P
106 紫罗兰色 #4F2F4F
. @+ l/ v: C" T/ a6 ~8 M3 p# f# }107 紫罗兰红色 #CC3299 ! [; V2 U( s- F
108 麦黄色 #D8D8BF 8 Q. s  U# Y7 Y7 A# z
109 黄绿色 #99CC32

9 U; s) H; s' n& G3 q& b! {* m

* r: T0 m( M3 w" q: |# D* [5 j/ c" N# B7 S

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
发表于 2016-6-24 11:49 | 显示全部楼层
table=560,#ff9999]
3 M" [6 B; b  j5 i[tr][td]
# r. e; c7 Z9 o8 p$ N0 I

: U  `& N  _/ H3 b/ \; a/ k
内容
[/td][/tr]9 d% _! w4 P  `3 n9 {2 v
[/table<p></p>6 u+ {" ]( M, P- c, P  e

- q, f/ \2 |/ H) c0 [7 }, }3 \
?
发表于 2016-6-24 11:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

使用高级回帖 (可批量传图、插入视频等)快速回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
快速回复 返回顶部 返回列表