北美网备份站

标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享 [打印本页]

作者: 北美生活网    时间: 2016-6-24 11:27
标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!

% m5 s3 q: l( H* g
简单边框之一:* J7 P* N: f, c0 c8 x1 U: m8 u5 a

! Y: `% `4 O) k' W- [
单纯的内容边框- G. U  R: ~. s( V; R

; e8 b# B) K" e# ?- M+ m. S8 W2 w9 Y& x0 c; Y/ l- C5 r# \( n
内容
0 `0 s; y( |! ^! u0 E3 F! Q
代码如下:/ G0 Z3 G; u/ ^! y7 B; |5 H
  • 内容

    & b" G/ M4 ]( e) g: c) g, u+ ^

9 T  j: b; s& A, t; I2 l# j复制代码
  _8 _2 P" X0 e) d# I% h; W
1层边框4 @2 h) q& S% O3 ^) S% z
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table], T' N% \3 v- S2 V- a7 X/ b' ^
  2. 复制代码
复制代码

: h5 ^' I! u: v& n; j+ [% g/ R
# b( \6 U$ G: p. _) }( L& \3 \
  • 内容

    9 j. `( n! Q$ d1 D- F

' G4 s: ^/ y% H' W6 c# L复制代码
; o2 Z& H0 C! b3 y

7 k3 w  t! }1 g) t
2层边框
" f; u8 q6 }& I* b' G' r: U- t7 t/ t- A
内容
代码如下:
  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]
复制代码
: |7 F$ Y- u7 E6 O6 y% L

2 h$ n8 D$ t) Q) E: Q3 A
  • 01.
    内容

    1 b- E1 w& L/ p; d5 i

' S2 Q# N) G! E, O& O% t9 Q. J复制代码
8 ^4 t9 f8 f# }  t' `
2 ?( M4 W$ C, h- S: T6 x( [( F
3层边框+ w7 [0 F4 s% t4 Q% K
内容
代码如下:
  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 V4 `. x3 D6 o- j5 W
  @4 e( m' I2 o- U
  • 01.
    内容
    8 \3 U+ y3 g4 e7 D: w9 l/ S

1 W8 t$ G7 j8 \) A4 W* [复制代码
: B, {1 ~8 G, ?/ |7 Y$ w6 Z
% a% D# Y; c: c3 T& @+ q/ P

0 h' p, C  Q! c1 e
简单边框二:
" v: T9 Y4 E2 d; N9 k& y- ^/ F
+ J& L* U  ^; ^& J% Z  j边框效果:- i  X7 o% j5 L6 x3 H

' \: d% i2 J3 p; B' I+ I
内容

/ x$ X  h9 e! m9 L代码如下:
, a8 X7 U0 B# y0 \8 E

. [& B* Q) k' I3 t$ ]1 ~# {0 {
" F# F: d6 L% y; @. N* D. i8 r
5 H: E/ \" _4 ^
5 J1 i) R  Y2 `0 h1 l* V9 c+ L( Q5 Q# H+ a3 C
  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]# J$ k9 Z7 q7 x- M6 s- W! K. H
  2. 复制代码
复制代码

7 N) P( f; i; [- D( X

% g; X0 K$ `7 D  s5 V; y8 ~( ]: A6 Q: U: N+ s- x+ N

1 J# _7 A( o3 X  s3 i% v) h
1 S9 G) A: x& B* N; X5 g. a
内容
, f6 x& B2 r& O* V. z
代码如下:
% _/ k' i7 ~4 P/ @! A; R
  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]5 N5 O$ Y0 h. k6 z. {0 D, [% i( e
  2. 复制代码
复制代码

: @  j: r! S9 J7 h* K! H( Z! w# x9 }  ?# V- Y0 r5 m; D
8 G+ Q8 t9 |& E1 Q, b& i
  • 01.
    内容
    ! B% a% w/ t- }! B& C
1 C4 \) T4 n8 v# i/ ~2 V7 F! ]9 Y
边框效果:
, [( L$ {1 G* J! t7 d( v
: V6 L6 V# I" ?& O
& Z0 ?+ a8 J  c) `" H9 b
内容
' Y; @8 F% ~: _5 T5 ~# t3 y) a- |3 l6 H
代码如下:
3 \' \5 l! ~* l% D7 \
  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]( J$ r  x) k, ^  p
  2. 复制代码
复制代码

, H$ p1 O- i/ ?( V7 J+ P) u0 X" |' _: {) S+ B
+ s5 V$ ?: |0 ^6 q! o
  • 01.
    内容

    ; n% F' K3 \' b- h  w7 j2 j5 _
: e1 v. A1 u) |. g
边框效果:1 D6 T& T% o& o' K. g. |

6 j& N' w/ s- @$ u1 r

, R2 Q/ L3 h; }- P
内容

" d- `! S% e* q代码如下:
$ U4 L! S  A, k0 ^6 J1 N
  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]
    . H; z$ d1 k, f% p- }5 u
  2. 复制代码
复制代码
/ @" K8 n2 ^+ o& S4 F- P, L

5 h; }3 V' n  N! Z# O0 U# \! E
, B# y3 G) x! {- D2 Q& I2 G
  • 01.
    内容
    1 i1 E: z0 p- c0 b9 @

% [' E0 \5 }$ m. ?* L* O7 x; t& x; {
边框效果:7 j/ P4 c  |/ f- v" ~5 ^5 Q

. |; ]! P5 H# k$ v- k
内容
: {, d. b2 O7 [) I1 M/ \( k9 B( Y1 |
代码如下:
7 k1 t; w8 c" s( O. f* }$ p. m; i5 v
  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]
    - u9 n$ R- p2 E/ b+ {) C
  2. 复制代码
复制代码
0 f/ ~! L, F) `/ E, O, L7 G1 g( W
: h+ [4 I7 J/ [. B' N
1 h: i/ z5 T3 M0 ~8 A; |$ o
  • 01.
    内容
    - \, e) x* i; L" n

" \& N: D6 z- w
边框效果:
7 c; n* z& n. W5 ?' e

6 r+ @/ y+ d3 u" v* x
内容
1 I  }6 l; ~: G
代码如下:2 I: y5 I6 |) k3 j0 `
  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]3 n4 z: A% n: {) g
  2. 复制代码
复制代码
4 \; Y' [* T+ O: W3 {0 J, n
6 q5 L  b' K* O  T
% u% L! p6 c/ }
  • 01.
    内容
    ( ~5 |2 \, v! X  |
边框效果:
0 K0 j7 E$ K1 c. B5 g2 X7 ^
6 l) w* _! w) J8 H6 E, o
内容

' ^/ F: V$ C& h. q9 U) w* ~3 ~代码如下:; i! Y5 I7 X1 e+ ]. k# j
  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]" D& T1 s* L' ^9 q  v
  2. 复制代码
复制代码
8 |, _7 j3 C: `# [7 \9 o( G

& e: v% s" k: w/ g
( W$ [" _$ j1 k* ?9 n- L4 ^
  • 01.
    内容

    & |! J+ X: c; ~+ q
) v# [! V/ S/ W9 t# o: d8 i

0 r) B- Y- G$ K& E# ^边框效果:. S( C- a6 j) Y6 _; ?  o0 _
" a4 `' f7 Y* E+ [" |
内容
* R$ _2 G4 q% ?. W0 j! \
代码如下:
2 \; C9 L  |/ v, T- o% |# ]' J$ l
  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]
    $ ]# L1 `) o9 s; n+ u* r
  2. 复制代码
复制代码
/ J, O* ?' b) Y! N) Y  b; K
7 S7 i: P, Y7 J0 F
0 Y/ f, r5 i8 J( Q! N8 d* t& N* N
  • 01.
    内容

    + m" F& S6 d  F6 d! ?6 O
3 B" w8 C. y  g
边框效果:
/ k  c2 F5 k! a* F

2 I; r. d, p0 u6 f; q
内容

8 y, d% `; Z* n, I0 @/ g' ]2 i6 M代码如下:
# i, C3 s3 x8 h2 a
  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]
    5 V* A7 S; C8 f4 [8 y- M
  2. 复制代码
复制代码
! Z& r" @5 _( U- E
: W# Z3 w2 Y+ ]* m5 x7 w  U. t
. p! i7 b. l% J& I! l. u& b7 }
  • 01.
    内容

    # N- o% }$ T% s! v7 F( b+ v
0 \6 C9 Z0 r; b* m* X+ J
边框效果:" ?, X! b* Q+ [! o8 \: g
5 V4 P) L+ F; ]- r: {4 m
内容

3 n/ z" k/ B3 R$ V0 [代码如下:
) ]9 i; U) ?9 [
  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]0 Y# \+ v- ^' p/ B' I4 Z
  2. 复制代码
复制代码

: K; U: r% s  r6 S. {# a8 C
4 q$ p3 S' r$ j8 l8 K; F
. O% c! b8 e7 ?& L0 F) t
  • 01.
    内容
    . {% P" w+ D' e6 f. K3 @

# q- z, D  U  y7 f' B0 b
6 o7 e1 `5 s8 P, X( j
方法:
9 {: T# M7 R) w
把代码复制下来.
! E. v1 C( U# I1 B3 _3 W  `) j! ^粘贴到你要写的帖子中...
7 [) |( ~" w$ p* v然后勾选文本编辑框右上角的纯文本...( |/ E* m- _8 \" g% ^
你就会看到代码.....8 ?* R, h0 \6 ]( @; `  g1 \
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]! f) E1 v. p7 R% }! M) o
table=560,#ce0000     第一行       #号后是要你替换的颜色代码3 n4 A; @; n' J' U
table=550,#ea0000     第二行
( z) C% e) Y+ a$ E( y+ Ltable=540,#ff7575      第三行( g# j9 B) r7 F: I, j. {
table=530,#ff9797      第四行% M1 y& ^5 r* }7 Y6 g) k
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

# A) i' A' h4 J. c2 N7 T) R4 H) M* C  L

6 j* Z. ~8 d3 j/ b  c4 s8 E6 u# L备注
- J4 |' b0 S1 a$ |& @0 B# [5 q6 U) L7 h0 k  S. d
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
0 A0 ~% ?; K: z- c  a如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
  f# k  Y) {9 e* ?, G( a
1 N% T$ t2 Z( e9 R) D8 f" e  Htable表格大小不要超过560,超过发出来会自动变成98%$ b7 O, t. p; C' a
" _/ m) s) X/ W1 @0 \7 o/ B
颜色代码:
1 ?" U. S: G7 c: @发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
% b& p; E- q* X4 \- w' l  m- U% B8 K8 u
效果:
! d+ `1 g) g) v+ i  ]. {3 ^! @, G: m8 n6 P- j
1  白色 #FFFFFF (这里有一个颜色哦)
$ F5 c( O! R/ [7 v8 H
2  红色 #FF0000 3 r8 {/ }/ I" q1 W7 J8 z  n
3  绿色 #00FF00 + x& e9 q( {! i: g5 h) S$ m* V
4  蓝色 #0000FF
: Q) w9 u# M1 `. j3 i( p/ Y- q5  牡丹红 #FF00FF : P, E5 R# z* t* T8 S: F# i
6  青色 #00FFFF - G% y0 ?# j. s; s; I# ^- Z' H
7  黄色 #FFFF00 6 r3 k( \1 W% R1 p' N  C5 K
8  黑色 #000000
" l1 @2 `) A  C  J8 M0 S9  海蓝 #70DB93
! d7 f& ?# ?* S, R( Q10 巧克力色 #5C3317
# Y8 m6 X& _) z- ]7 S11 蓝紫色 #9F5F9F 4 @% L. j, ?5 F  i
12 黄铜色 #B5A642
; c* c' a8 F( i9 P3 R. z3 s13 亮金色 #D9D919
8 W7 j- n/ m" O( F4 h( z! E14 棕色 #A67D3D
% d4 o6 L& P6 r7 U9 |- J15 青铜色 #8C7853 * ^  L7 ?  g! C# S, s
16 2号青铜色 #A67D3D . u0 E5 m# @0 ]. Q
17 士官服蓝色 #5F9F9F8 K+ E$ K2 F7 N9 Z2 @% @. g
18 冷铜色 #D98719 & ~( Z8 Z; T+ ^3 Z; Z9 n
19 铜色 #B87333 & _0 Y5 [, v0 g" |
20 珊瑚红 #FF7F00
. v! ?8 \, X# C8 a% T* M% z/ b% t21 紫蓝色 #42426F
6 x2 x; o0 n; r' s" H22 深棕 #5C4033
8 m2 i0 A3 c7 V3 ]8 i! ~7 c5 _' {23 深绿 #2F4F2F 9 h2 w; R# z" J5 r1 u8 a5 E
24 深铜绿色 #4A766E
7 a5 D% m7 X$ T1 J) N: [. m6 C5 O25 深橄榄绿 #4F4F2F
! w' v) ^# k6 e26 深兰花色 #9932CD
: e* i9 a6 Q! {8 q1 B4 c+ X27 深紫色 #871F78 & x. Y7 {3 o* Y0 M; K2 {1 j
28 深石板蓝 #6B238E 5 G& E5 r* P% ]' O: k$ c
29 深铅灰色 #2F4F4F
: B: }# N" I) L) o. c30 深棕褐色 #97694F
9 K( f7 o% K  L* w+ n: n4 v32 深绿松石色 #7093DB 7 L' t$ a3 w) G4 c5 U
33 暗木色 #855E42 + m, X# s, |: g" U# s$ B
34 淡灰色 #545454 & n4 x% A  l, n  ]# U% _' q
35 土灰玫瑰红色 #856363
' U, n1 e* L# X5 k5 H6 u36 长石色 #D19275
. B3 j5 A1 J( |+ M( C4 {) y37 火砖色 #8E2323 / J3 R3 Y& r2 a6 _
38 森林绿 #238E23 & j6 ~; _9 s! C- x  a& M* \$ l1 R
39 金色 #CD7F32 3 a2 D+ h; ~2 k, B7 V, v& y% T
40 鲜黄色 #DBDB70
, q/ l) Z- e2 R; q9 }- b( j; @41 灰色 #C0C0C0
: s5 Z5 c; j0 R! |9 f42 铜绿色 #527F76
7 J# \) M1 F5 o43 青黄色 #93DB70   c7 L; [9 g* r, Q' O1 b8 Y
44 猎人绿 #215E21
% _" L, [& Q/ i" H$ X/ j" T45 印度红 #4E2F2F - o6 i; F! m/ R- E( k) f/ J
46 土黄色 #9F9F5F
# I: X9 j, A% s( b# k6 {47 浅蓝色 #C0D9D9
1 H$ s. u9 S/ V' e- Q( L* G48 浅灰色 #A8A8A8 ( p& z. f7 T8 C: _. I
49 浅钢蓝色 #8F8FBD
5 @* I& O, C9 p& u! G59 浅木色 #E9C2A6
* S. \8 |& r# F, V+ e* ~* B& F+ M60 石灰绿色 #32CD32 : B- D1 [! J* D# q! Z6 v
61 桔黄色 #E47833 2 j) J$ U% R0 c) K5 D" Q* W
62 褐红色 #8E236B $ [' k, N5 E9 k: b; Z0 ?
63 中海蓝色 #32CD99 1 Z" J, X$ I. f4 \+ n6 u1 N
64 中蓝色 #3232CD . k+ u9 T$ q0 k/ A
65 中森林绿 #6B8E23
7 R$ j6 s7 F4 s3 _+ Y66 中鲜黄色 #EAEAAE
" |/ s' X( R8 e& l67 中兰花色 #9370DB 1 o1 V% C* p% n: a* @3 Y/ T4 q
68 中海绿色 #426F42
0 Q) I  ^" V- e* q4 f69 中石板蓝色 #7F00FF / V$ z9 I: \3 n
70 中春绿色 #7FFF00 " S/ u0 r) |& k0 u) u
71 中绿松石色 #70DBDB
. ]# x. I* `( J5 I: Q72 中紫红色 #DB7093
  `+ Y: \! k9 P5 d1 ^3 L$ b+ ]73 中木色 #A68064 8 s: U. B! {# z! M8 ]2 n. H+ z  `
74 深藏青色 #2F2F4F * q  e1 E+ j9 A" O( h# @
75 海军蓝 #23238E
5 d! |/ ~) z, q3 P& L% d+ R- G0 A76 霓虹篮 #4D4DFF " q. P+ g1 q2 B' x) {
77 霓虹粉红 #FF6EC7
# o+ r- M  ]* d78 新深藏青色 #00009C
9 S9 e' s5 q/ y% \, @* j79 新棕褐色 #EBC79E ! k+ C& |( ]& n* h
80 暗金黄色 #CFB53B
/ f( G. N1 n: d81 橙色 #FF7F00
' W) j* x; b4 l+ y) h( O5 H. V% _82 橙红色 #FF2400 " Q( V$ R8 {2 f8 L5 k
83 淡紫色 #DB70DB
( k3 g* T. D9 Y' c( K- E84 浅绿色 #8FBC8F
9 f4 z! S# ^6 U+ b6 `' }85 粉红色 #BC8F8F
4 i5 H# z5 b( V9 w86 李子色 #EAADEA - n1 @2 [  H& z
87 石英色 #D9D9F3 + \4 W; s2 ?4 r) m
88 艳蓝色 #5959AB
9 C" \! O. r8 J7 ~: O89 鲑鱼色 #6F4242 6 N# X6 k/ ]/ k' z' R" W1 d9 n# z
90 猩红色 #BC1717 5 S' v3 b% d6 T4 R( |
91 海绿色 #238E68
2 d4 n  C1 a+ N92 半甜巧克力色 #6B4226
" R) @; B! {* T& L4 j93 赭色 #8E6B23
& X1 f% M8 _/ Z) K7 @% ]94 银色 #E6E8FA
(这个是银色)# `* F) q  X2 \) \4 j
95 天蓝 #3299CC
7 w% v0 J$ r$ e+ u( h/ f# }7 `96 石板蓝 #007FFF # E* W: a' W  L: C4 @6 U. {/ ^8 }
97 艳粉红色 #FF1CAE ! X& G6 [4 B2 e: m& u8 C' m
98 春绿色 #00FF7F ) E& @" V, `# ^6 ^2 Y) M
99 钢蓝色 #236B8E
6 Z( m+ C$ L( x9 C% ?9 C100 亮天蓝色 #38B0DE
2 w- L* {- `* O( t. L+ q101 棕褐色 #DB9370
1 ~7 ~) }- Q+ \% L  x102 紫红色 #D8BFD8
& T8 [1 x( d$ f8 k. \- H103 石板蓝色 #ADEAEA 9 L& ~- o% L% z5 R
104 浓深棕色 #5C4033
9 ~! s5 r: {% U- ?( L: N105 淡浅灰色 #CDCDCD ; y# j, v3 n, H) W/ |
106 紫罗兰色 #4F2F4F
! B' U# C6 g+ y  G& U107 紫罗兰红色 #CC3299
. C! k3 ]  [1 D7 |. m2 h. l108 麦黄色 #D8D8BF ( [( F8 O8 o- g, x$ V
109 黄绿色 #99CC32
+ z! B2 o) [0 |$ ]' S6 V, _8 D
0 x$ ^# ^1 i* K; |+ @  E

作者: 北美生活网    时间: 2016-6-24 11:49
table=560,#ff9999]
% |0 Z1 V9 p+ m/ C. [0 a( l- e' n[tr][td]( ~& K* k- u5 E" `; \' O% W

, j3 a# c4 x" }5 a) Y
内容
[/td][/tr]
8 u) C% D- \4 p5 A9 Z5 B[/table<p></p>9 J  U- H# j1 s1 C5 O+ h' G$ F
7 E2 n/ u, D7 p, R% I

9 {+ _, N8 z9 E1 @?
作者: 北美生活网    时间: 2016-6-24 11:54
http://sq.k12.com.cn/discuz/blog-1040829-9709.html




欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/) Powered by Discuz! X3.2