开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
0 L2 _1 e; e9 }6 J3 p
简单边框之一:
3 _" W0 ^" K% D& i0 Z
3 ~& F2 Z$ a3 e' J
单纯的内容边框
2 K8 z* Z6 Z* i1 S0 i
$ t/ _" X3 i7 U, x- y' c. \4 I7 k
% r; C6 {/ D$ ^
内容
$ G( S: ^& p" ?/ P( l
代码如下:0 Q$ L7 u+ m/ s
  • 内容
    ' E: F0 t3 D, i8 A( W7 f5 ^
4 r- F# Z  W9 S. z
复制代码

" R6 z+ [  F( r0 s
1层边框
) K# c8 Q; f( O$ e! x% O
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]5 W( h# ~4 ~6 b" W: s
  2. 复制代码
复制代码

  ~2 G6 o% z! ?# |0 x! n4 R  W
+ C5 W/ |! E( E% M5 |5 Y8 {& E
  • 内容

    % f1 p4 t) u7 k9 j

4 C$ }: O) F8 e7 S1 B; }复制代码

3 C- ?5 r- \& Y8 x% L* Y( R
3 [4 r, \* i* G+ |- g$ O% u  M' r& N! S( ~
2层边框
( `1 K; L8 X+ b# I0 g& L
/ D5 I" k* S* o6 S
内容
代码如下:
  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]
复制代码
1 T" p( V$ D; O4 I0 `
2 b2 L( G9 X5 M* c! W7 _. s
  • 01.
    内容
    # n& G. P- \5 S& z

+ A' [$ v6 ?; f" k复制代码
" p* T; [/ c2 m9 x) B
7 `5 |3 o% n8 M; S; d6 t
3层边框
; o) _9 e, F& Q  m4 s7 q+ P. t
内容
代码如下:
  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]
复制代码
" e' D- d0 o* A8 d7 \7 F
4 e/ x* S1 }, [5 |4 t' q
  • 01.
    内容
    3 S% q& J6 R7 ?2 v

) e; Z* \4 r1 Z% |* z复制代码

( v3 ~% w" @6 ?

5 E! [- w5 Y! D5 ^) q& I7 A
- {$ ]4 m( N. H, L9 j+ d1 E; h1 c
简单边框二:0 \; N1 u, V/ b

3 J) G1 ]" A# y6 j边框效果:; g& g0 _& j. y, Q9 U+ K0 \
) S& Z+ h- X& B+ x: N
内容
, n& n" ^0 x# M' x' c( T, b! h
代码如下:: f' F. d! O3 s# ?' q; b% m

( U$ X0 W3 [' }' {1 v% Y
. f$ Y3 s) R/ T& M. q# i& R$ J$ N9 e5 P8 t' v

, `1 C8 ?7 \3 H4 G7 A- K% H( J0 F4 w) V$ [$ ]! G3 v
  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]
    7 C& ?: S2 P) C  j. ^/ P5 R: {
  2. 复制代码
复制代码
* \3 O6 i6 X% Z
, v0 s/ u# p6 Q  y( ?

' H' e% n6 P6 n1 ~/ L  C
0 n6 O6 m$ r, ]# d' Z2 k2 h
    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>
    复制代码

    ( C% S3 x8 e0 n9 |8 q$ z- J. g

/ y  t2 ^% ^& t
内容
- ^/ _$ M8 b* \0 T& f8 E8 v& P
代码如下:
5 e) }  s* ]- r6 u, E  z
  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]! n9 y; j& [$ r8 V9 N# T
  2. 复制代码
复制代码

6 K9 E' ~; I9 L( p  U( m6 [& ?1 ?+ t2 i# @$ F$ r$ z: }

/ X1 {- M% V  v) c3 Z
  • 01.
    内容
    4 A. k' @( w/ x; L4 k
) }3 U3 ~  i* d
边框效果:
5 i9 N" `. D" h3 }4 i: q# R1 t6 N$ L  c# r- \- }7 D% c

: y$ M7 g- F  K8 n$ C1 K8 e* K
内容
5 }$ e& y; e( \, \3 l- L' g0 D
代码如下:
' n' R7 d2 ^' E2 D
  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]) j2 q8 R  P0 k" ^+ q9 T
  2. 复制代码
复制代码
9 E3 V  u9 `) a! y, q
2 N1 U8 Z( l! G$ W% c3 [0 L

. d6 j. a6 N, p
  • 01.
    内容
    ! v$ H  P5 p! [( L4 P

2 A6 ~( G) L; L7 G8 Z
边框效果:( u: q4 ]) I1 H3 h' m! w* s
9 ?# n) J9 o3 t0 s
' B0 N1 g5 \! p/ l
内容
9 c% ~3 @6 ^- a  h7 ^9 S+ ?% q
代码如下:$ ~9 }& T, T' f3 [0 Z; v5 U# W
  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]6 g, F! y2 m' H* C- q9 f7 E
  2. 复制代码
复制代码

& |1 |( M% \1 X; m
4 ^4 r- P8 o7 H9 z6 j

! n+ e) f# \1 l1 |. [
  • 01.
    内容

    2 r7 _: j+ ?4 C' b

/ o9 ~8 z  R4 H$ D8 ^
边框效果:
5 f! ^' ]; C. c+ J
* W) e2 Y2 q. M! `
内容
! {5 \$ i9 w* C  _6 s% C1 `
代码如下:, d! M1 v2 k0 [5 b* H, K) y. I
  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]9 S, _6 E. D. ?; o% G* z( l4 G0 f: d
  2. 复制代码
复制代码
: l$ f2 ~5 g4 |, P5 Z

% C& w. j% A! T3 u2 ]

- ~- N' W0 V4 \5 b* ?& S. b/ X; T
  • 01.
    内容

    ; F0 m6 h& ~, t$ |% i0 T) a! i8 Z

. [: \; t2 t( T2 `6 \5 g, k% T
边框效果:
  |) V) ]5 G- _, i) i; q! k

; y5 G" {6 ?  r) D
内容
# S+ m& D$ X) f1 u+ `
代码如下:! B* @7 @3 m1 j) @
  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]. t( V4 m; b/ ?. ~/ C1 Q( J
  2. 复制代码
复制代码
4 Y6 V8 g3 [7 x! Z. L8 \3 N, M
/ v* ]7 r: Y, A* n* ~0 v

+ `& x$ \* A9 L2 u/ F! N7 ?/ g
  • 01.
    内容
    2 @7 f, E4 ^; ]5 u5 g
边框效果:' l' l, q1 q' F
+ ]& {4 X3 ~+ ^" t# W
内容
; F) |9 S( L8 r; J. a. i" v, u2 v. ]
代码如下:
" n7 Z7 {& [+ k* @! X" B" F& i
  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]' B& M! e" }4 X- o+ ]
  2. 复制代码
复制代码
. C- `' X9 Z8 y  q6 s6 f/ R1 c; |
) R) y. _0 F5 `0 _+ [& w1 _
! H4 H5 u% j" D
  • 01.
    内容

    . E4 O& ^$ M; D) R
) v) D0 M1 ?" @: l! G

: p/ @/ H  ]/ _6 ^边框效果:, t  B* x' J9 s( M$ Z
/ s- y+ G" K; W" R6 I1 ?9 L
内容

$ i$ x7 o! D  b/ ^代码如下:) E- Z7 e4 {& b. c
  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]
    - n8 s1 ?/ g3 n$ B
  2. 复制代码
复制代码
3 Y  V  H# s1 Z4 ?8 [2 n9 f
! m: @0 p' o# q4 H; K, g  p( D

5 t' z+ T% j( w
  • 01.
    内容
    4 C/ q7 g% F- w) ]1 x5 ^$ e

; {( k4 ]6 p$ D. y% s0 }
边框效果:
4 y) ~) p: c& v% D6 Z/ c; U
8 I" ^* t( N5 l! P; P5 c
内容
6 `3 Q7 K) ^9 U& t5 K5 D
代码如下:
8 [4 Z, k- o5 c- N$ p  G1 v
  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]8 H- J- U$ A9 o: A
  2. 复制代码
复制代码

$ t3 J: r" D- \7 N
+ l8 g0 @) S4 a! A) A$ h( f
  t6 @* x6 {% A3 x, M% [( v
  • 01.
    内容
    ! j" Q  J: k- V$ j. c4 l1 G& K

# S, P. u9 Z3 m1 O
边框效果:
2 c6 L! E5 i* Z+ y- J

" B( H9 k8 T$ |' D+ {7 r1 g! ]% Z( D
内容

4 _( Q4 U8 r8 H3 t* T6 J6 V2 e代码如下:
  G( `" U% [6 \9 x4 n  @
  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]/ w7 n5 Q& J" F8 e6 l4 q
  2. 复制代码
复制代码
/ X3 A! r; r8 h& d- c% [; d; U
2 o2 X/ F' k2 |
: i% J8 z5 L1 ]( M  l
  • 01.
    内容
    : W+ \- B8 E5 }8 b

2 D  T, R) d9 f- B$ J4 S! P

! p: _9 g* i+ C- [方法:! v7 [2 K8 b- C3 A9 L7 m; {( b
把代码复制下来.
* p+ J6 f0 O% G2 V) K粘贴到你要写的帖子中...+ g$ m4 Z6 W, L( s( t
然后勾选文本编辑框右上角的纯文本...
  _8 B+ d" a$ O: x4 C6 s你就会看到代码.....$ o, h5 `8 N  s, `$ U3 p
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
* v1 b: X7 b( d: H' ~table=560,#ce0000     第一行       #号后是要你替换的颜色代码0 R0 ]+ [9 n( ~; D! c
table=550,#ea0000     第二行
* }: O6 w% `9 j. j7 Rtable=540,#ff7575      第三行0 g" t6 b6 `$ B8 e  {
table=530,#ff9797      第四行
/ B+ l* ]$ B8 ^. z; z% g然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
9 ~' G8 T+ G: X( Y
4 V3 W9 O& O# U% z# _& B
' s! F5 W1 L% G/ U' n
备注+ c7 S4 G* b: x# A+ z7 C1 O

3 [! s) A' T# B0 E5 O1 N  p帖子里“=560 ”是帖子宽度  #999999是颜色代码。
4 C3 K3 v6 _+ Q7 U如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”$ a2 @$ [* n! N* y0 C, q
- E. i4 H0 n3 a# }$ b( h& w) `
table表格大小不要超过560,超过发出来会自动变成98%
1 H/ x# W1 H, v) Y( J1 {& I% Q5 V& Y
颜色代码:/ Q9 C9 _1 I! U% ^! h2 D
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
. ^9 j2 e$ M/ f) {
. T$ g& @, b$ p" P2 \+ d  x效果:
& l3 R$ D2 ]- p) x
! N% O/ D& M1 f7 P: A9 x; l2 T) s. a1  白色 #FFFFFF (这里有一个颜色哦)
- V. T5 e. q! K8 M( p- K& N
2  红色 #FF0000
1 \% x8 K* X% O! y5 u* w% V8 I6 k3  绿色 #00FF00
2 j8 u0 w" `7 k& b8 S' D; c3 C4  蓝色 #0000FF ! a4 Z$ F: Q& L3 @
5  牡丹红 #FF00FF * g. A1 ~: g0 J  f5 X  _9 O
6  青色 #00FFFF
% f3 b  N) r" b( d1 u7  黄色 #FFFF00 3 s; I9 P  p8 S/ x* Y7 e4 e4 B" E
8  黑色 #000000 ; w# P  u# \4 w  {8 [: R
9  海蓝 #70DB93
1 ?3 |8 e+ ^$ r7 v) A4 W2 c10 巧克力色 #5C3317 - n, z% |) _; E- W. z4 @
11 蓝紫色 #9F5F9F
# z" B' N" g# m5 ~1 a% ~12 黄铜色 #B5A642
8 b# A. a; |8 f% F13 亮金色 #D9D919
* l  I* a& V9 {% B14 棕色 #A67D3D . Q+ W! U' p6 y( f9 V
15 青铜色 #8C7853
$ I. l' X4 D% }# ]( X16 2号青铜色 #A67D3D % U& l8 d/ X; i- r; {* M: J/ o
17 士官服蓝色 #5F9F9F
7 Z- t/ e: K9 W0 ]& }! s4 H# ]& F18 冷铜色 #D98719
2 @  y8 D. `2 m3 U. q19 铜色 #B87333
. w% w" Q+ ~$ }3 x% Q20 珊瑚红 #FF7F00
2 o) a5 T( m' S2 X! Z21 紫蓝色 #42426F
2 a% C* U- \) H  r1 }( o3 g  A22 深棕 #5C4033 * L: I3 c6 o& a1 L. {6 i
23 深绿 #2F4F2F
  _5 y' o7 n' \  N- {  T. L- O24 深铜绿色 #4A766E 9 a  L/ l* O* Q8 ?+ k5 F" T
25 深橄榄绿 #4F4F2F
- [6 V* b1 o9 D) d/ Z26 深兰花色 #9932CD
3 |0 M0 i5 e2 X. ^2 h/ b+ B27 深紫色 #871F78 % a8 s3 y3 B& x7 Q8 u7 D2 t
28 深石板蓝 #6B238E ! P, D& i0 N4 R$ V0 S' P
29 深铅灰色 #2F4F4F
6 a# E2 u' w; A( |7 w+ w5 E30 深棕褐色 #97694F   f. a+ M; |1 d2 x
32 深绿松石色 #7093DB
/ X  J! {: f" M4 b' g7 I33 暗木色 #855E42 " N  ]0 D9 k0 H& l$ ?0 u7 d
34 淡灰色 #545454
% T6 u( I2 e+ R5 S  ^35 土灰玫瑰红色 #856363 0 F+ }. E3 w  P3 b7 L, h, y
36 长石色 #D19275 & D4 l: J1 c; m( A# D$ \' ~
37 火砖色 #8E2323
. f3 `2 U+ c8 w8 Q$ @38 森林绿 #238E23
. s0 l" _( [8 d- V9 T: a4 l39 金色 #CD7F32
# ?* y. i1 i7 B40 鲜黄色 #DBDB70 4 S8 v+ O" ?. c: J. ]
41 灰色 #C0C0C0
9 a- \; B! r" X) N42 铜绿色 #527F76
$ j& i% \8 m4 {( P" p. G) d% @- |43 青黄色 #93DB70 - b* g/ v( c" M5 z. t9 S
44 猎人绿 #215E21
6 W* n: D2 u( s5 }1 G; X45 印度红 #4E2F2F
4 ?% A0 ?& u. R- X( S/ r; j) O' F46 土黄色 #9F9F5F
: e9 b9 _- q1 E: b; P# O47 浅蓝色 #C0D9D9
. i+ R, P% o$ @1 U" }+ y/ [48 浅灰色 #A8A8A8 2 s% A( C) n9 z8 u1 v8 L
49 浅钢蓝色 #8F8FBD
* O+ l. X( Z# L) h5 z59 浅木色 #E9C2A6
4 V( F# s3 D: V# R$ l. o! K" D60 石灰绿色 #32CD32 2 y3 S) T7 P2 s2 `, j) q! ?$ r
61 桔黄色 #E47833 1 i$ U+ m& p: [) g: f
62 褐红色 #8E236B
# g5 O! [0 Q& ?- a63 中海蓝色 #32CD99
! W* Z( `4 f; A/ B64 中蓝色 #3232CD
, {+ k" |9 e& {8 n6 Z65 中森林绿 #6B8E23 , h0 k3 ?* b( L0 ]6 b- t/ n
66 中鲜黄色 #EAEAAE 0 Z! W9 R5 U1 b. C7 h7 G
67 中兰花色 #9370DB $ P: d9 Z5 h, w' C9 g
68 中海绿色 #426F42 & q( B+ Y0 _$ E9 K5 f4 _0 f/ B
69 中石板蓝色 #7F00FF   \" ~0 n& r# [" Q5 M
70 中春绿色 #7FFF00 - @6 k' P, y% M
71 中绿松石色 #70DBDB
. f% E. j6 C  @$ H$ L72 中紫红色 #DB7093
* Y9 ]5 a6 m$ i. i73 中木色 #A68064
0 }6 t) H/ s8 c" ~74 深藏青色 #2F2F4F   \) Y% [; p! A# T! P# Y
75 海军蓝 #23238E 4 O3 l) K5 E* n) \8 k( v
76 霓虹篮 #4D4DFF " q, X& A. I8 ~' G1 S/ a  L
77 霓虹粉红 #FF6EC7 - x, u( s  [! R% Y8 _2 g
78 新深藏青色 #00009C 0 J6 e+ e: W- ?! i4 _& P# T3 d
79 新棕褐色 #EBC79E 9 |/ P, e: i4 y
80 暗金黄色 #CFB53B , J, r" v6 i# E0 y3 {. m
81 橙色 #FF7F00 " c5 F; z6 d  y0 V4 k9 H, m; m
82 橙红色 #FF2400 0 V4 w, L& F- K+ ]
83 淡紫色 #DB70DB
4 q$ b5 Y8 G4 {5 [# f1 }3 K3 t, m84 浅绿色 #8FBC8F
' U& X' j2 S8 a# C5 Z: C85 粉红色 #BC8F8F
  }# j. x5 \/ |$ \9 K  H0 D86 李子色 #EAADEA / t2 L! `$ d' L2 ]9 m% L8 t
87 石英色 #D9D9F3
- v) M/ w  Y; B7 _% @3 J4 H88 艳蓝色 #5959AB ; L9 U+ q7 x; i0 y% z9 B$ k) ?
89 鲑鱼色 #6F4242
; j( M0 W8 J4 ^$ q+ B4 ~90 猩红色 #BC1717 " H) B& ]4 l- [; a
91 海绿色 #238E68
4 B* {- {& e1 g" M% @4 L92 半甜巧克力色 #6B4226 % s: Z( d+ I- t7 q* i
93 赭色 #8E6B23 ; c4 x9 D0 z  `, I* y  q
94 银色 #E6E8FA
(这个是银色)5 ?6 Q/ N' w. E3 w0 g# G  }4 P& Y
95 天蓝 #3299CC
3 ~3 I8 ?" {& _2 m' t96 石板蓝 #007FFF % K6 |+ x: _4 j# f* u( i5 f  w. D
97 艳粉红色 #FF1CAE 1 \! K: l2 E. A
98 春绿色 #00FF7F - _0 `/ V4 }- F. M! p$ u2 P) u* c7 g  E
99 钢蓝色 #236B8E
, i/ S/ U5 L, n2 g100 亮天蓝色 #38B0DE ( k% H. x) a) w. M# W
101 棕褐色 #DB9370 ; P$ ~% m& S2 q2 P* W' l
102 紫红色 #D8BFD8 1 x6 N% e1 K$ Q9 B- C" _) K
103 石板蓝色 #ADEAEA
2 e2 `& V/ M! B# O/ n104 浓深棕色 #5C4033
: r1 h9 }' J& u6 M105 淡浅灰色 #CDCDCD + L$ B- p  o0 w, ?& R* M5 _' C
106 紫罗兰色 #4F2F4F ! k4 d& i$ i1 B& [, o5 W
107 紫罗兰红色 #CC3299
7 Q4 Q- J3 k" A* u& R  A3 q108 麦黄色 #D8D8BF - k- d7 Z" C9 l' @
109 黄绿色 #99CC32
0 }: ^, e" `! P- y

1 l5 s% |# v% f- w' N  E+ E

转载请保留当前帖子的链接:http://www.beimeilife.com/thread-17367-1-1.html 谢谢!
发表于 2016-6-24 10:49 | 显示全部楼层
table=560,#ff9999]
' C9 D4 h3 R- \[tr][td]7 B  h! D/ W1 [9 G0 [9 B& f+ t
) P- D) I. _3 p% ~+ {0 C& K$ k' J
内容
[/td][/tr]& h- ]& r5 l  W
[/table<p></p>2 w9 P- [- T6 E- ^2 m5 E! g' T
7 c" C- m, I- K8 d7 S1 C3 ?
. x& w% J& I$ D" D% M: j5 E0 `# @
?
发表于 2016-6-24 10:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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