开启左侧

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

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

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

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

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

$ X, N6 K3 {7 M* R5 l/ b
简单边框之一:
3 b' v0 N  P3 b$ R, [: O( y! v) f7 l' t4 r
单纯的内容边框
8 ^- o( e% _9 U  g7 q; H7 t5 w) Z9 L* T( F5 D1 U) @
; f7 b1 l' U7 V7 h# ^1 t$ [- @& _
内容
( U) ]$ q- b& k2 X. q9 j! C
代码如下:
" _% ]1 i8 V! T+ H, J; ?5 e5 M
  • 内容
    & n) C* ~8 c; E

% k7 d5 r# q; b4 V( P$ d1 P复制代码
4 c2 X! a2 U1 r9 V( C  u
1层边框3 v, Y  z  z, @' H
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]6 t, B  d$ l/ r/ b. s. ^- @: i' g$ p
  2. 复制代码
复制代码

3 U, r8 g; l( F4 \# d# C; t& h
6 P6 V2 t+ N: B% F, n9 W
  • 内容
    5 d8 O: f' |- j5 J) A7 \8 [. e/ B

+ Q5 L  N3 ~# s" f3 y复制代码

+ @$ ]! R% c! F( l) ]
& D7 V* ^2 Z" U4 |" ~
2层边框
& L- i- Q0 a  T6 |% q: f+ o
* x2 I( g+ V% x) S/ w; u6 I8 y3 r% |
内容
代码如下:
  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 s* u# ]) J) L6 l" Y0 X; ^" R' |( {% h+ L6 _/ r/ B
  • 01.
    内容
    ; ?4 O8 n/ D1 N/ R! c

* F$ i% _+ B+ x+ F' P! v5 ^复制代码
8 i# R; R# E: C1 ]) j8 R; O: c! ?

) [' i( R8 V8 p$ `# V( F
3层边框
. [" g7 W" p: 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]
复制代码
2 G$ F% D- R2 \3 ]5 ]
7 V2 A; [, y7 g: Z) a7 s! {" b
  • 01.
    内容

    5 J  U: b% v9 A' v- p) j

7 `* W' s7 d$ \, r3 i3 F. ]复制代码

5 L% J0 @/ B! U3 }2 g, {  j5 [

% h& }! s7 ?$ Z4 }& d5 ^  V( b" \! o; F2 e! Q
简单边框二:1 c& h6 S2 s7 b. x  k2 S+ p6 w# ~
. b( D- ]) l  o& }
边框效果:2 u8 X. p" x3 v* l3 D( H* H) L
6 q) b, ^7 o, `* V8 `+ P
内容
4 E$ J. k5 @/ x, L% a
代码如下:  |0 \7 S* \# t& V

& M/ f# T0 U* ?" C
7 s; g$ u+ J0 _) h# u. B
' @0 f9 ?5 G4 z9 Z; d) M4 u2 ~# l/ m, z1 D1 }  l$ l
4 {& l/ J$ [8 @0 n7 T
  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]$ j0 I) g7 x- i0 |" k8 b
  2. 复制代码
复制代码

# W$ D; x7 F+ c9 m+ ^

& y; z1 X4 p3 i; O. z" b) L( W

/ j3 r/ B1 x2 D& ~8 i
    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>
    复制代码

    , l  Q9 R$ T/ i0 {1 }
! p9 ?2 U1 ~1 f$ p+ J) E
内容
8 l% g, l* ~2 B) r( S
代码如下:: `; o' x/ ?+ `- B  |9 ?" s
  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]6 [" z# c0 ?- F
  2. 复制代码
复制代码
. O% J& k4 `8 W+ S

6 B6 j0 U% W5 l& S5 G' j( Q" a/ d
8 z) A9 H9 v% J3 M8 ]
  • 01.
    内容
    6 O: F5 e& i2 q  H. Q

- V2 T/ c. x4 Q- N
边框效果:+ F+ w. K( Y6 a

. o5 t/ w* [! |% D! z( \3 ?
( J/ I3 s5 q6 U- |8 u
内容

8 w6 B' F) L- n/ W+ }+ M/ ^' D: S代码如下:
. |6 i* n# G, r
  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]
    : H/ C" Z) A$ R+ M% y
  2. 复制代码
复制代码

% x* `! c, A, L! S# T* E; B1 d( W7 o6 R0 J; C' Y2 B
3 P" U1 ~. l. J, P3 M
  • 01.
    内容
    1 v3 Q3 K1 ]$ [5 B

% W* z+ K1 ~* v. c2 C. L* `1 e2 T
边框效果:# `# W) [$ p% ^# ]  l3 ?! C" o
# q4 U: B) e' u, o0 A) P

+ [# F( r5 Q( l
内容

0 c8 Q  n5 m& E* o代码如下:  |' T& n  X8 E% I* c' `- ]5 S
  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 G7 [' s. H) q. m% |" y0 m6 ^
  2. 复制代码
复制代码
! O* z5 B: v/ s6 A

: ?  e# w6 V( m
2 c  }1 a: w! V6 j
  • 01.
    内容
    - L2 f8 j; o* m9 H- `1 q$ l' }7 ]

! ]2 a; I% h$ c1 F& Y: d- `
边框效果:
$ y7 m4 |  o" n6 _+ h- [; d, C& k
9 k; [% M" V. I5 p- o% r& `
内容
0 Y! q1 g( I2 g, n" t1 z: n
代码如下:
. H" m7 f& Z# U. t
  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]# f- z$ l' `0 n, x. ?0 ?
  2. 复制代码
复制代码
% T6 e4 h6 y5 Z  L* e

/ O2 h" N" N8 U) V. n

% |  r: p3 P* H
  • 01.
    内容

    9 H" ?8 y$ W' [1 s: C
; H' J% U4 K) y0 P( r" `8 G  M* o3 F$ @3 h" G
边框效果:
* x% Q' |. C/ ?4 [
$ Y; S' M; v+ r; ]8 a* G
内容
! i/ @* c7 F) k# g$ U9 M
代码如下:5 h9 T7 y/ T( }0 W2 v1 E1 h
  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]1 x+ C6 Y4 c: @6 g; d
  2. 复制代码
复制代码
, e) Z& V- b/ R0 G; Z; a

# ~2 n. L/ d. S5 x; p) h% K
5 K- _' P  E* L) p- U  @
  • 01.
    内容
      H, B2 _6 e' r4 Z
边框效果:
0 a1 ^1 C( Z" Q) \/ K- d8 b

4 S$ [  ]5 \  Z+ j+ Z% P& n
内容

; Q+ s; _3 ]; a! W! [$ L# U代码如下:
& }# J& W% x( c7 N
  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]* ]* E; B$ y- X; O; c, @/ ^
  2. 复制代码
复制代码
" Q/ L- G. J+ l" O0 h

( x) |6 o: p; [! {/ h% M+ O' V

$ P% E. W: ^" V7 ^3 L
  • 01.
    内容
    / d) |+ U6 U" d  T' h, L  ^7 H

- }* a! X! a3 A/ y. [: r
7 Q0 n3 x0 w, H9 z
边框效果:
- }% q" p! |. v" F
3 K) w& B/ S# I( @
内容
1 Q) x, O7 e( M1 j" \- N/ A
代码如下:0 G' U3 y- l" X4 b, G
  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]
    9 z# h# J1 Y# D4 @
  2. 复制代码
复制代码

$ l( _% |5 Q" _
: x. `8 j5 k8 r0 C+ ]( Z

1 `. |3 v/ T' W5 v' e7 h* t
  • 01.
    内容

    ) ?0 v* G, f: z% _# _. v

0 u5 x2 m- G/ B8 a" w
边框效果:0 ~" E  l0 v% |% Q7 d  a; e
: K& {# y! l/ u" X
内容
0 R% g  T% ?; k
代码如下:
9 l  H& z0 P" ^' \
  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]. s! t, A! x1 K9 }; n
  2. 复制代码
复制代码

1 I, x5 C4 R, [
6 {7 H* O) }% j. C2 y! n1 g
0 M  Y  s6 f7 r9 P! k( w) U. ?2 I
  • 01.
    内容

    ! f9 _, m( ~( m+ ~" m4 @
9 i% T9 p% Z' b  G* j
边框效果:0 d8 c) t8 ~& S8 l# j' V0 {4 D6 q3 T
, w1 h7 V+ r5 k% z
内容

# V$ c- x8 J4 R. W. o2 E1 Q代码如下:
3 J0 @; C! I# ?+ B' t# ^: b. j% I, Q
  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]# M1 Q# X0 n& f5 {
  2. 复制代码
复制代码

6 D1 G. ?$ N8 A/ [; P* m- F& R
" |3 }0 }2 W2 n$ u5 V, K

3 ^$ ~  B% `8 o0 l4 ]
  • 01.
    内容

    - {  ]4 e8 Y1 Z
  Y# h1 ?; p% O, b( _
1 g+ K1 C  n' @6 y' L/ [, N/ B
方法:
2 s7 B1 s  g8 t$ `
把代码复制下来.9 |' r* w6 j8 X" n( U
粘贴到你要写的帖子中...
2 B! v5 S, A1 o$ G5 d: }& s5 S然后勾选文本编辑框右上角的纯文本...) k' J+ ~# {1 K$ G; d
你就会看到代码.....
+ c' R) s5 w( |, n其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]% a/ L# M9 ^6 k
table=560,#ce0000     第一行       #号后是要你替换的颜色代码" c, ~% ^% Z2 Y4 r/ `9 C  n
table=550,#ea0000     第二行
7 q* S2 u- D/ y$ r0 \table=540,#ff7575      第三行
5 g6 V; T. j: |& J) Utable=530,#ff9797      第四行
. f  }9 n- X1 m7 e然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
1 {  y1 I1 S1 K$ R$ C

! k0 R- U$ `! \5 W9 g  X4 O- v8 D
* b: \- O7 I/ Q. K
备注( C4 c2 w% s: C. b4 R: m1 p
/ H% _* I) \. s" ?. I9 K! O
帖子里“=560 ”是帖子宽度  #999999是颜色代码。4 c5 |7 |" o* ?4 ?* q6 h0 q
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”( {, Q+ w* w( _! ^  }4 W
" b% A$ K: ~3 Z, O; q7 ?
table表格大小不要超过560,超过发出来会自动变成98%) Q3 z: U4 u# e7 g8 Y5 p+ K

6 i4 Q3 k# X4 u, x% `; a2 x. f颜色代码:
7 ?7 V9 U9 z/ ^2 T; ^发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
& V+ z2 r6 ?" z. [- h% }3 _9 A2 S1 y- t% q! b& X: e
效果:
, ]7 A6 P$ I% _: Y/ _/ C- ]  p
* ]- \" \+ F& z* E1  白色 #FFFFFF (这里有一个颜色哦)
8 U8 g, C% y6 Y. x- C& X# T! Q2 B
2  红色 #FF0000 ) k. n3 H5 f1 f. x5 @; D+ T" R
3  绿色 #00FF00 8 b) ?  ^" u, A3 w" B' q8 D
4  蓝色 #0000FF
! o' P) ?( g2 W, H+ ]) B5  牡丹红 #FF00FF & j. l% v1 r' B6 c
6  青色 #00FFFF 5 r8 F3 a6 h. O% ?1 \# p+ m; X, f
7  黄色 #FFFF00
- Q9 s# H: y+ x- J3 ]* n; A8  黑色 #000000
& m7 W9 j4 E' s! H9 P9 }1 I$ }9  海蓝 #70DB93 6 k( V1 c7 }- J% ^* h8 v1 v) j0 n$ h
10 巧克力色 #5C3317 6 G) ~/ Z* h2 P5 a! v
11 蓝紫色 #9F5F9F
$ g. f# A" L+ |12 黄铜色 #B5A642
0 f$ P8 T3 D4 v6 |, f. P  w) V13 亮金色 #D9D919 # F7 {* b) _9 s; b& I* D' U
14 棕色 #A67D3D
6 i. A' N$ e: A, F15 青铜色 #8C7853
" N/ T% n8 h1 S$ j2 Q2 b; z16 2号青铜色 #A67D3D   Y/ S$ {- S" I  d& ]3 C* r. G0 T
17 士官服蓝色 #5F9F9F
1 W2 ~3 M" w' ?18 冷铜色 #D98719
. e( t) X; ?* X3 j( p19 铜色 #B87333 : Z  C$ I9 F  S& V
20 珊瑚红 #FF7F00 0 |# R3 n! d+ t4 r8 J8 a# }
21 紫蓝色 #42426F
. U" t; G! O9 {/ E6 K22 深棕 #5C4033 5 N9 S  m* m/ ?& V  g% p/ E) A
23 深绿 #2F4F2F 3 ]1 f* H' L% I, [
24 深铜绿色 #4A766E
5 D# e" j: L7 W# K- P25 深橄榄绿 #4F4F2F ) Y0 T3 ]- \; `) i
26 深兰花色 #9932CD
% u$ v% w) n6 N2 p( a& M. c27 深紫色 #871F78 1 C- H- m. d/ \8 c4 A
28 深石板蓝 #6B238E
6 ~" A& {0 P) }& z; U# C7 F29 深铅灰色 #2F4F4F
0 }+ \7 i) B8 J" n4 y4 u0 a% [, R30 深棕褐色 #97694F
4 y2 J! \+ e4 H1 w- ^32 深绿松石色 #7093DB
$ l2 P1 p7 h& F7 X33 暗木色 #855E42 5 g- a* ]1 r% p( q
34 淡灰色 #545454 ' i& X* e, ]+ t2 R
35 土灰玫瑰红色 #856363
8 [" ~2 S1 i' g+ z2 x36 长石色 #D19275
3 H2 N( M4 Y4 r) k1 _: f37 火砖色 #8E2323 ' N7 v% w  e' |" v; W6 J
38 森林绿 #238E23
" i, m( b: R; c  s/ O6 c* r3 M. Z7 X39 金色 #CD7F32
- H0 ^1 M: s, @  u40 鲜黄色 #DBDB70
8 ^5 l* R6 g7 c/ P0 Q% r! [41 灰色 #C0C0C0 . W! i& y) W" E
42 铜绿色 #527F76   r  I1 Y' G# G$ A- n
43 青黄色 #93DB70 9 v% Y0 O3 }% f! C
44 猎人绿 #215E21
- A4 [1 l( c, O8 b- p+ A$ q) E45 印度红 #4E2F2F ' |" I( M) A5 H( l2 v5 u6 _
46 土黄色 #9F9F5F
& Q1 A/ D% q/ b, L1 _5 v47 浅蓝色 #C0D9D9
6 e) z5 c3 o1 S. r48 浅灰色 #A8A8A8
% N1 H4 g- s8 j5 a& ]: r4 ~) p49 浅钢蓝色 #8F8FBD + F2 c$ l0 Y3 Q2 u
59 浅木色 #E9C2A6
& s/ @0 U0 h; p5 i. D4 O, w60 石灰绿色 #32CD32
6 {. x6 [% r# ^4 A3 C( l$ E61 桔黄色 #E47833 # X$ X% \, I; n2 S& j8 y. ~* _6 f# z+ d
62 褐红色 #8E236B
( _& c% I, r/ `% U63 中海蓝色 #32CD99
& t+ {( Z7 n1 c% z. N7 T) Z' u64 中蓝色 #3232CD
7 x' O% e. j# D) }65 中森林绿 #6B8E23 1 a0 I; D5 G) }" i
66 中鲜黄色 #EAEAAE
9 C+ R4 H- O# f# n. K- `0 y67 中兰花色 #9370DB
0 n7 F/ L' C8 C68 中海绿色 #426F42 ' n5 _: p" L! M. d0 b
69 中石板蓝色 #7F00FF : n3 a5 J, `% a, E. h
70 中春绿色 #7FFF00 7 s7 M3 x$ o2 \, t+ T
71 中绿松石色 #70DBDB # e4 k. Z4 r8 a3 [1 C  T. K
72 中紫红色 #DB7093
& h8 c* L3 r( R3 M4 E1 i73 中木色 #A68064
$ Y/ h" h4 X6 f+ j4 j6 H74 深藏青色 #2F2F4F 4 t! Y0 J6 y! Z# Z+ a
75 海军蓝 #23238E
& r4 Z  j" V( F/ ~" C76 霓虹篮 #4D4DFF + t- h2 ~" `7 Q3 I  i
77 霓虹粉红 #FF6EC7 9 Y1 X4 m8 }+ |8 @& ~7 O
78 新深藏青色 #00009C 0 g9 D$ t5 t3 K, E
79 新棕褐色 #EBC79E # U: y& W. R, a- }3 _+ ?3 i
80 暗金黄色 #CFB53B , b4 ^1 x. i' }- n1 ?  Y, a
81 橙色 #FF7F00
" u9 R1 Z$ r" A/ Q& Z82 橙红色 #FF2400 2 `" W0 r, D2 D' k
83 淡紫色 #DB70DB
( I% c0 N) L5 K6 H+ {% |; k) V84 浅绿色 #8FBC8F 8 R. K% w2 Y3 a, c9 [" Y
85 粉红色 #BC8F8F
9 c  U& u% p  v1 V86 李子色 #EAADEA
0 z! A9 r+ J8 P# p7 ^87 石英色 #D9D9F3 $ g; Z: L3 r# q0 _
88 艳蓝色 #5959AB
! J: r" b: Y$ N1 V8 U) F89 鲑鱼色 #6F4242 . Q$ [/ g: U, B
90 猩红色 #BC1717   g8 P. g7 \2 c( {1 l/ Q
91 海绿色 #238E68 0 P; r4 s' |0 K1 S: Z
92 半甜巧克力色 #6B4226
- z2 G2 o6 c- @! u; Q93 赭色 #8E6B23
! W3 Y/ k$ @* f3 C94 银色 #E6E8FA
(这个是银色)
1 `+ ~6 a: `1 `" S8 _) P0 j
95 天蓝 #3299CC $ l8 Z/ f4 o  o# y
96 石板蓝 #007FFF + {' j0 |1 e. B5 M& |* x
97 艳粉红色 #FF1CAE
1 \# i9 J: x1 c, Q# i4 G1 A98 春绿色 #00FF7F
* y! h0 X8 Q1 K$ ]0 s99 钢蓝色 #236B8E 1 D3 x/ ]' H( k. B# |
100 亮天蓝色 #38B0DE
3 [; `0 z0 T7 U& s; ]( r/ L, D101 棕褐色 #DB9370 ) r) n; W, z+ t7 r
102 紫红色 #D8BFD8 : h, `3 X3 v( t  |* \8 B* Q
103 石板蓝色 #ADEAEA
  L- S2 e/ F7 y# l9 Y  Y1 Y2 p9 z104 浓深棕色 #5C4033
3 j5 U) d1 n: Z  F( l3 n5 a' H- W105 淡浅灰色 #CDCDCD : R+ X! c, \- r% M
106 紫罗兰色 #4F2F4F
2 R" y$ z8 z* f) ?8 @3 B107 紫罗兰红色 #CC3299 & E. f- U! ~0 E$ h8 F- c5 E; a
108 麦黄色 #D8D8BF
6 |% }0 P8 Y, R2 H109 黄绿色 #99CC32

2 ~! ^5 U2 P& i) L

. Z* d+ [3 `4 |% F  ]( c, n

转载请保留当前帖子的链接:http://www.beimeilife.com/thread-17367-1-1.html 谢谢!
发表于 2016-6-24 10:49 | 显示全部楼层
table=560,#ff9999]
; ~4 J8 d; Z* u[tr][td]
& }1 Q0 z) S& I. q
# {& y: s3 z, f5 n# I: q  `  J1 F
内容
[/td][/tr]
; w/ `' i6 Q' ^2 @9 E7 Y[/table<p></p>: ^, I" \+ z  L/ o. P% e
7 E8 [9 H, Z. I$ E6 s$ N% x
2 W( `7 B/ H& i2 ~7 o3 J1 u
?
发表于 2016-6-24 10:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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