开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!

4 h2 w3 R: R9 n; _/ w1 n" Y
简单边框之一:
* h/ B& f8 s* j3 }0 }- N0 @$ L, U, r8 B+ ~4 e% d% Z5 Z+ J
单纯的内容边框
8 g1 U- L& ^, s4 ~2 J/ r* t% E. X. k! A; d  o4 m0 l$ Z; i( s
2 Y7 }8 w% K" ?, z
内容

" k9 q! C* |$ y" @; V1 D- L; w' W% F代码如下:
* u( p. [9 Q6 f# A
  • 内容
    0 s, P1 g( A1 X- {# u( ^! Y

! x2 ~! `/ `& z2 X* k9 _, c1 j3 S8 b复制代码

6 D% p) N, I+ ^9 ?" d% x9 @
1层边框
: @! ?. D2 x+ b  x( H& z
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
    , A2 f! K- D, T9 N4 b. C. P( U$ t  I
  2. 复制代码
复制代码
! J4 {( D( T5 c+ o* D0 }8 H
, ^6 A5 L2 E1 z  g$ M- }! Y
  • 内容

    6 D4 Z( x7 Y" K
8 q) i/ d6 h* F. y% `
复制代码

( o" t4 v6 p  [: E9 t9 l" i

1 V7 L# ]8 i8 {# `
2层边框) P2 C- @% x. q) P# N( @, x  z0 c6 R% g

: k/ t; k, G" H) ~8 v
内容
代码如下:
  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]
复制代码
: T. r5 ]; E9 R& d- Z2 W

5 X! k" u. q6 Q8 t4 _9 q: ~
  • 01.
    内容
    ( p: l, l6 i2 ]4 V

: [. w3 G* m0 T- R复制代码
( f  V- d  O2 s; D! m% s- s

7 {) l- k5 V1 v
3层边框
$ Y. r. W7 i- H% ?( T3 b# W
内容
代码如下:
  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 ?3 O5 F0 }' [8 H
# y4 w' S  ?2 p# t+ y1 `
  • 01.
    内容

    ( i) Y1 j0 d8 |( y4 z9 A

  s; G; \+ h6 P. Q6 j& D4 D复制代码

* c! ^, x$ R+ E. d! V& }

4 D& n4 C) G- \( O9 b9 u5 Q
% x+ ]# c7 j3 `* G
简单边框二:
* A1 |5 b) I/ |" N5 U
, `7 N4 F! }' I4 C" G; l+ _边框效果:/ u* O7 ]" b5 v

2 X7 e8 G. g- h
内容

) W2 B; l8 W, q代码如下:
$ w0 F+ \5 H! J6 s/ q* N

0 h5 a; H, d$ @8 l$ i+ w2 @7 I# m5 D; k- p) X

! z9 t2 P% I6 l4 x' b6 m8 r5 n. w# ~' V, h2 f/ @6 R

3 w6 y0 R; ^  w$ K% O  h. H
  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]
    9 X* q7 d3 x% D
  2. 复制代码
复制代码

% e" ~! L) ~' _) I  n+ J

8 \0 j+ Y  Y2 T0 @
4 p. Q/ r; [8 f2 g5 K3 J+ D
2 m3 x5 y& B* X& V6 p9 u( F6 a
    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>
    复制代码
    / a, H, E( T  x
5 h* Q! L) e0 }
内容
" G8 g' a9 w' e# f$ A1 M
代码如下:
  C- R/ A% p; X" I
  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]
    3 @. G$ s4 D& j3 Z& E
  2. 复制代码
复制代码
# J0 r% Y4 _/ U8 u: F/ x: h
: h0 C7 e$ H4 M! }( i7 _' \
) c8 u/ o: N! W/ `2 V
  • 01.
    内容

    : W2 R  v2 _% y- x

! _- f, ?( R: c
边框效果:
6 {' e1 I  ^* c% ~- a% ?/ j! y2 l; e) F* U8 n, Q
- n7 @# k4 Y- l1 e! o
内容
8 {7 _4 ~4 S/ X6 S0 T
代码如下:8 W6 R$ z- ]5 x$ V& l9 _
  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]
    ' P  F& A6 w: G# F
  2. 复制代码
复制代码

! B8 L" w) W' \5 F, ^4 X& @8 R

0 J& G* _; P' h7 w4 R" Z
  • 01.
    内容

    4 O4 Q$ o& z( c9 Q; w+ x: C

* K9 L! x: U# ?1 S7 k4 t; W% Z
边框效果:/ W! i! i. x: ?3 Q) ]
  `; R: ~3 }  f4 u
3 I1 I; Z' Z' ]( F6 T
内容

/ Z' o' N1 j3 `3 K代码如下:
* C) m/ I! g1 f7 l% h2 x; q
  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]
    ! n  F9 X2 ~2 k' o5 ^5 D
  2. 复制代码
复制代码
' q4 C: q3 `- @7 ]- S' y' x- z

6 W5 `. P: ?& z7 w
7 Q1 y# T" j; G* H4 W7 v
  • 01.
    内容
    / `* j+ |  Z8 v& |' b

0 f3 r- K& D8 a; g" ?
边框效果:; |+ M4 n. d! m" v' X& l# O
. W. r5 `  H7 i, I5 ~" K) c4 ~0 T
内容

$ o9 x1 E  q, E$ ~' }. R代码如下:+ K3 p' v' n8 a, u
  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], ~+ i4 l# {  ~% o+ [' a! O
  2. 复制代码
复制代码

% V: A! Z  G% T. b' E/ w& v4 e1 ]3 Y$ f5 n8 b; U* o0 N- P
0 M/ J; N/ {$ J7 j8 P6 J
  • 01.
    内容

    ; K4 @0 `0 u. j" W8 e0 V

* S: _% L9 [. [2 X
边框效果:
9 x" t. s. h+ O( i* O) A# Y
# n- M# O$ Q4 `+ r# w$ [" ^
内容

0 l& d% J$ B! G5 W代码如下:
' F: k: g) H7 u% g$ w
  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]- |2 Y' c# Q4 a2 v
  2. 复制代码
复制代码
5 u9 I4 Z& L) A- x* w' H

  G0 A* w9 w/ [! F/ u" ?1 P( c
1 n2 s+ P( l6 M# O- W
  • 01.
    内容
    & x$ F! l5 L9 G' E" e  `
边框效果:0 C0 U  Q& n* \' K0 \; ]

6 n: s; p- D- u$ q4 K3 W! _
内容

9 ~* x9 ~( e2 Z9 O7 }代码如下:
7 I8 g7 v* T4 p0 [3 l
  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]) {2 T9 A. n- Z8 ?- O( d( Y- h
  2. 复制代码
复制代码

. L/ c3 ?5 S' l3 r, Y+ @+ G  a8 d! m" `

0 @4 t+ i, P  i$ a1 B/ X
  • 01.
    内容

    * Q0 c6 L( t  P) x
. p$ J) f- S8 V& ^8 C; o
; W* d* `7 k" d, Z) X3 ]* ^
边框效果:0 Z. D  K' B9 W( o
  y# H# c3 Y$ v& g, G' {, \
内容

7 `( n* @3 [* g  }代码如下:. P) v& V/ a; R! V( C1 X
  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]% d# U' [5 Q& m' w
  2. 复制代码
复制代码
# I! M+ e, D" d- m8 F# ~' ^
1 Q) w$ t) U* X$ s/ d! J

% ~9 r% s0 e# c
  • 01.
    内容

    9 _5 u3 b3 }- ~4 Q( F

, e* h/ H& @1 n
边框效果:
( Y" \" _  g9 b  n: K
3 d  e6 d+ q0 a2 U# e
内容

5 B( e0 R+ [; @, T代码如下:& E# |  t! @0 n+ I# |: S+ L/ d5 ]
  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]. _, `3 u. E. h$ J& t9 L& g
  2. 复制代码
复制代码
9 ?( ^- S$ \7 k( f  h

# u, G8 B+ d1 b) |% M

* w, t+ |9 s  O! p# \; v
  • 01.
    内容
    4 `9 v0 i+ S8 I4 f0 J
! B" g/ E5 p1 b) {8 A) d
边框效果:
- l; b$ {' q; r* _
" Z6 I' m: k1 }1 v
内容

% Y9 u0 Z3 ]( {' P; t2 |) c+ m代码如下:/ O( d4 x& F  ?0 z& q% T/ \
  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]
    , i0 N# F0 v( M4 T* X( ?7 m
  2. 复制代码
复制代码

2 C' n3 J/ Y5 P( c7 b, K6 a! g  A7 O
4 M# L, j7 j2 t" h
  • 01.
    内容
    8 j8 l  }- X0 V8 v3 }% g$ R) h
2 {% I" F( z) ?# h# W1 J
# M5 h$ k( H$ G7 B- J2 h
方法:4 n& \. c8 a% [+ Q( ]& m
把代码复制下来.
- W8 ~" [; g7 B: A2 Y粘贴到你要写的帖子中...
1 G2 f3 \- J) c/ c然后勾选文本编辑框右上角的纯文本...* E+ W0 m# T1 }3 E. f( H, j2 ]
你就会看到代码.....9 i$ c) G" O# K. f
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
: n3 W3 D1 G9 ^  X/ S" {' s' Ptable=560,#ce0000     第一行       #号后是要你替换的颜色代码
, |* M: s' {6 v: a6 q  Ttable=550,#ea0000     第二行
( x  G$ T* ]+ t9 qtable=540,#ff7575      第三行
6 k& ^$ |( G& P% [1 S. d0 utable=530,#ff9797      第四行9 x" v: o& X/ `5 d" w2 ?7 N
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
: l% U$ h4 c/ m3 K& z
2 v; o4 W5 H' y' M3 Y, |
7 s6 o8 ?, G; w( n5 E+ B5 q
备注# d( m0 `  ~' O) T

3 c7 I0 R' A8 _7 q1 W帖子里“=560 ”是帖子宽度  #999999是颜色代码。4 }  T' w+ B% X/ A  u0 ?1 _
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”6 e0 s3 b  O# M3 C6 e* s* u

  L* d: a9 M, M  Q' T: ^% D3 \& [( @8 ztable表格大小不要超过560,超过发出来会自动变成98%+ E+ O' C8 l% d6 a7 |

* N4 R3 \) O7 `# M颜色代码:) Y2 P" d* g- {
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。* w" a# E4 |* q

( J3 x, f% |% N7 e& y/ A效果:
; `' q" m9 O* @3 U" j. l) Z
5 X) E; L/ Q: T5 ]. R& H8 b1  白色 #FFFFFF (这里有一个颜色哦)( o- c: c  K4 U4 Q) U
2  红色 #FF0000
% T4 P, t: j5 U3 E( m3  绿色 #00FF00
$ Z: z8 v& S! [# `- S5 @4  蓝色 #0000FF
+ T! R9 W* b4 s9 f5  牡丹红 #FF00FF
: m2 j& M& K1 E9 L8 G4 A" a( q6  青色 #00FFFF , P) ]  [! }- ^0 ~
7  黄色 #FFFF00
- }' Q' u2 l; g, ^/ O! v+ s8  黑色 #000000
5 @5 }- K* p' C7 k  i# J9  海蓝 #70DB93 9 W2 s' R8 }) i
10 巧克力色 #5C3317
/ N) m) g/ r+ O7 ], a; `11 蓝紫色 #9F5F9F
% n2 p& X! u4 }4 e/ f3 z6 k12 黄铜色 #B5A642 # v4 m8 f3 p0 K' Q& ^& s( a8 R
13 亮金色 #D9D919 ( V  a+ L0 @9 H/ f1 V1 N+ V+ ^
14 棕色 #A67D3D
- W# Y8 @" W0 n5 {15 青铜色 #8C7853 5 ]. S% P( X- h6 x1 p8 V
16 2号青铜色 #A67D3D ' T4 {4 v9 r! w& e. C1 Q# }; ^7 E
17 士官服蓝色 #5F9F9F
, n# Q$ [0 V5 C3 T" v8 d6 m18 冷铜色 #D98719
, W: {) ^* J& R19 铜色 #B87333 : i9 p9 X# ]5 E- T9 o' S
20 珊瑚红 #FF7F00
4 V. {" w( m# a9 @" l+ i21 紫蓝色 #42426F
3 D! }9 Q3 C( B( q/ i) ^2 A22 深棕 #5C4033
$ |, K$ R0 K4 x* a; ^' \5 M- m23 深绿 #2F4F2F 5 P* I" [/ T' O8 T; S7 g' O
24 深铜绿色 #4A766E
9 f5 s0 J- v4 I7 b% C25 深橄榄绿 #4F4F2F
+ B0 _, Z8 @/ R! u* ?26 深兰花色 #9932CD 3 e( k1 V4 O. I5 @$ v9 J0 m
27 深紫色 #871F78
) r0 a2 ]. O6 e) T$ O8 k- x: u28 深石板蓝 #6B238E $ E" @! p+ u4 O9 m- R# C1 f1 ^
29 深铅灰色 #2F4F4F
. E9 J# u% H, y# b; R, X30 深棕褐色 #97694F
% D; L+ j4 G5 K32 深绿松石色 #7093DB
0 z3 `# W0 d, S33 暗木色 #855E42
' p4 B5 }! @+ o+ n1 t) l; E- P4 ~34 淡灰色 #545454 3 {; I( C% z" s) {5 W
35 土灰玫瑰红色 #856363
4 j; k, Y2 q& T3 S& g1 \4 C$ S36 长石色 #D19275 ; v8 z8 a- V1 V' W7 V) B
37 火砖色 #8E2323 ( _8 e1 x: s& y# C% v: @; V
38 森林绿 #238E23
: N5 I- d* f" l5 J1 _0 D  X39 金色 #CD7F32
6 [( h" E+ ?: S7 Z  z3 Q8 W40 鲜黄色 #DBDB70 3 b) ]5 Q/ A. ?! M3 j) o, k% y5 Y
41 灰色 #C0C0C0 ; R& h; h( k/ E" Z: Y! ]
42 铜绿色 #527F76 # i: E5 z2 Q7 j& i5 w! A+ |( v, R+ J
43 青黄色 #93DB70 * }. p7 X  T2 t, F
44 猎人绿 #215E21
4 \/ s" C& b9 r: U' ^45 印度红 #4E2F2F 7 y+ Z2 f0 H* {5 O; Q
46 土黄色 #9F9F5F 7 h( B: L: @1 W9 ^1 n4 N4 g. D
47 浅蓝色 #C0D9D9
" V. t. b9 H$ P% T' w4 X48 浅灰色 #A8A8A8 % `) j7 l6 l' h6 W
49 浅钢蓝色 #8F8FBD ' `8 J$ f1 u2 p. f
59 浅木色 #E9C2A6 % B5 l  Y7 a+ L+ Y: d3 U9 f2 V
60 石灰绿色 #32CD32
/ n+ I; @# C/ Q2 t1 n3 S2 A% K& Y5 t  Z61 桔黄色 #E47833 9 R2 c5 x6 ^* o
62 褐红色 #8E236B + M4 o) {7 M* Y2 Y$ E/ O
63 中海蓝色 #32CD99 ' I6 v0 `4 I3 e7 b. `
64 中蓝色 #3232CD " A, B( C$ W; U7 a2 b( D; b/ |) u
65 中森林绿 #6B8E23
! \# \9 }1 P4 J: K2 V66 中鲜黄色 #EAEAAE - y1 v6 ]- D0 Z9 [: |7 m+ L
67 中兰花色 #9370DB
, l: p3 Q& ?6 q0 m# F  w68 中海绿色 #426F42 ! ?7 o, n0 u, k" l
69 中石板蓝色 #7F00FF , e7 a" b# }2 F4 b- F
70 中春绿色 #7FFF00 / J4 y2 k# n0 G4 @( x& |4 v; H
71 中绿松石色 #70DBDB
: Y3 y, [% U& W" j72 中紫红色 #DB7093
4 t+ V! l( O* L! `73 中木色 #A68064
$ Y( u* I" x) m: q# k7 }1 O74 深藏青色 #2F2F4F ) C5 B$ g- v$ G  U7 q$ F. V; `: R
75 海军蓝 #23238E . `. ^6 A. X0 l) `& `0 [
76 霓虹篮 #4D4DFF
9 I7 h0 T% J* s3 m% J. m77 霓虹粉红 #FF6EC7 % z$ n! Y2 w7 e( @3 a
78 新深藏青色 #00009C * a6 M- A8 u1 [9 x: ?' K
79 新棕褐色 #EBC79E
6 t& k2 a, O8 R( B+ h6 S% ?80 暗金黄色 #CFB53B " b' z; C1 k5 B3 I5 G$ V7 K" N# L
81 橙色 #FF7F00
: ?" }) H; P5 c& J; x, G8 Q/ k; N82 橙红色 #FF2400 + T! U1 J. S* A1 ]
83 淡紫色 #DB70DB * I+ N6 q4 @3 L4 X- q# n# G6 ^
84 浅绿色 #8FBC8F
2 k. Q2 l' f7 x- {. w85 粉红色 #BC8F8F 9 y; f% @. I' v" l- K) o  ^
86 李子色 #EAADEA
* L/ u- a2 F2 T8 T87 石英色 #D9D9F3 9 ?9 ~) N- L3 }1 o& h2 L
88 艳蓝色 #5959AB
+ u* K4 T+ p/ K: V2 l& ~* o6 Y89 鲑鱼色 #6F4242
" H/ g. G8 p4 R9 }( g90 猩红色 #BC1717
& [8 B" Q  C$ |2 H0 C$ [91 海绿色 #238E68 " m$ p- u/ P" A, V
92 半甜巧克力色 #6B4226
7 `6 _8 p* W8 b* i% \7 y93 赭色 #8E6B23 . G) }: _: l" Y! G; i# T4 w5 }
94 银色 #E6E8FA
(这个是银色); w) L! s4 K- l  G& n9 S8 f9 B
95 天蓝 #3299CC : Y: H$ `! J/ e3 T: o
96 石板蓝 #007FFF
$ d& \6 Z6 {: k5 `' h3 D4 }, L97 艳粉红色 #FF1CAE
5 Q' R( x, ^2 R, r98 春绿色 #00FF7F 4 H6 E" E9 h; [# I, t& ~: u
99 钢蓝色 #236B8E & }1 T" ]4 ]' d1 O
100 亮天蓝色 #38B0DE
5 D+ e, t& R. [( Z101 棕褐色 #DB9370
2 K# r. Z* U- d. O8 P2 A102 紫红色 #D8BFD8 $ p$ H( F/ w$ b, t* _) Q
103 石板蓝色 #ADEAEA & R7 A% W" A; P6 g8 y/ C4 }+ s+ y7 H
104 浓深棕色 #5C4033 8 Q5 G5 _+ ]' @6 n$ [* r, [
105 淡浅灰色 #CDCDCD ) |, R% Q: L: P+ T, f/ K
106 紫罗兰色 #4F2F4F
/ Q1 I9 Z2 I8 d0 g) d9 j107 紫罗兰红色 #CC3299 " {' z+ n+ M% ~# y) @# m
108 麦黄色 #D8D8BF % j' L/ [4 d) o0 K& K1 e( v7 p
109 黄绿色 #99CC32
+ a$ q& q+ y* ]+ _/ F2 z

  X0 O2 o% G" P  |) y

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
发表于 2016-6-24 11:49 | 显示全部楼层
table=560,#ff9999]
/ m& i$ S4 h" a! }7 g# `2 h/ n* J[tr][td]
4 y* c* Q0 y+ b
. ?, r4 Z% w  S
内容
[/td][/tr]& z; Y7 Q7 q" A
[/table<p></p># v+ p1 ~6 a# E0 w
8 u' q  w0 q* L$ e+ r$ d/ g
5 B, L/ g' p1 i+ m$ L( l2 p! a
?
发表于 2016-6-24 11:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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