当前位置:»论坛 › 社区酒吧 › 网友之家 › 改进优化 › 帖子
返回列表 发新帖
开启左侧

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

[复制链接] 2
回复 1890
查看 打印 上一主题 下一主题
楼主
跳转到指定楼层
发表于 2016-6-24 11:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

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

6 H4 h! m) E) g! z! T
简单边框之一：
  u7 o. C7 K1 |' |5 F% ?+ w4 S9 O1 `
5 S; Z7 e! x, g单纯的内容边框# N: r) N5 \1 ?5 x7 d

7 _8 H/ ]; q, E+ \* e* g  o! L! I2 W& `9 H
内容

6 Y  g. q- |$ B4 {( u3 M$ z代码如下：0 _% Z1 G" o: D' d4 Y4 }# v
  • 内容
    # n! F3 A& Z, q9 M7 t# b7 z
6 Z$ E. A3 ?5 s( d
复制代码& H9 d; w$ _/ \$ `
1层边框
" b: [( W9 u- U+ E, Y3 M- ~# L5 ]: ^
内容
代码如下：
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]) }2 q( |+ `* p9 s- O
  2. 复制代码
复制代码

/ X* N1 S( e! J# E6 {+ a" D: z8 w; U2 r1 [: D8 u- J0 {
  • 内容
    ) k" A5 {. ]) {) ~
: I6 J; S7 _' v8 Y
复制代码' a, ]1 @4 ~8 R
9 A4 ^" ^& l0 A2 S( P/ e% X7 Q
2层边框
9 g/ l& Y- M& A) L1 P5 e$ ~$ E( r
$ A1 @3 h9 {8 N& P
内容
代码如下：
  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]
复制代码
. Q. ]- k" z) e  Z
5 f5 b( j) ]' S9 I' G3 |6 l1 |& b
  • 01.
    内容

    & R. O- k8 [$ t  i5 v

- U, n: T0 J# D) k/ {复制代码
9 \- u0 w+ `( w+ v6 P8 r

: h) q2 E/ d7 {) t5 P& U3层边框
6 Q; C0 H1 ~1 f- b
内容
代码如下：
  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]
复制代码
1 T! s6 h4 e! ~0 K, E# q

6 c' W6 W8 ]" L, X: m& ~- \6 r
  • 01.
    内容

    ) x& b  s, b* l& L& C
4 ~1 g3 ^& |' `6 H
复制代码/ r% }0 A& N. J, j: w

! R4 f4 {1 T- O' X" p/ J! b; r  q4 B
简单边框二：
" d+ O% G6 q9 C) N" _+ w) X  X/ C4 r, f3 x! [- O- V
边框效果：6 z/ c/ o! l- s
& W9 U5 |0 t6 Y+ G! j3 |& M1 t
内容

- {' C- P5 `5 f& u4 `' b) ^( o代码如下：
3 Q$ c8 D0 }8 H
( a* q/ ?' W4 p: O* Y& L$ O

5 I9 l7 G( o  p' b) P  j' t/ J8 k/ f; D, f6 T
0 I  `1 F8 O- A2 B. J
5 o4 }( r  S! {% K9 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]
    ! J. b+ R6 S& X6 M
  2. 复制代码
复制代码

# T# r, c3 A' j, }8 _, \$ F# s) g: X
# k7 W3 A) j; X! l0 m! v

* f2 U) D5 n0 S5 u
    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>
    复制代码
      |  m: p. X, A6 S
/ \, `8 U" w4 c; P
内容

* r/ g/ f$ p& \3 U% A+ q代码如下：
/ T8 P* C7 H0 c6 r/ 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]
    ( T  _  Y% B) Y; H. _$ }
  2. 复制代码
复制代码
' N& M+ C; w8 r$ a5 g2 P; Z9 A& r
% S1 |% i0 q5 x

$ n4 d8 P# c) o; e+ \( c
  • 01.
    内容
    2 s, g  V1 b" C2 q$ Q1 h" ]
: E1 i9 G3 T+ |) H- A2 W
边框效果：" I7 |+ T) z+ i* d
3 p) q' j1 h+ _5 V. N& z0 t

- ~2 j( I8 q- {, ~9 Q7 Z9 p3 ]
内容
2 e0 a, \/ B" X6 L" }6 Q4 L% A! h
代码如下：' X( a8 x: _7 l+ t; @+ E8 J$ ^9 {
  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]) n# B2 {3 X+ g0 W- b$ Y
  2. 复制代码
复制代码

! F" R% W( e9 L
0 a1 B0 B7 S# h8 j- I0 U* Q& D& V6 H/ t% ^1 K& a' U
  • 01.
    内容

    ! D$ F! p: {7 Q5 c
# L% l$ u7 x$ S' T  w: b( l1 f
边框效果：- U* P7 W1 t2 C8 M' M0 U3 i" n

6 m5 h: F( h) |% n! \+ L2 g# o) C% V3 @6 D8 c3 t
内容
; Y7 `- \0 _1 g7 |, y, _0 _
代码如下：
, O6 B. O  J% G0 V& G% T! @1 D! X2 m, D
  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]3 {) v, h; C" q5 G
  2. 复制代码
复制代码
# M. R$ E: ?5 P4 ?! I

/ m' B8 O* Q, I2 D; N
9 G3 D1 Y" n/ Y8 A4 l
  • 01.
    内容
      K/ [; a+ P9 j

' _) L6 Z6 ~- D! r, m边框效果：
% l; h: {: L5 A# H5 t
) h, y- |  [2 S# V
内容
  Y' V7 j8 W9 D" o
代码如下：' S6 [' G7 l0 C/ ^9 v/ o
  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]
    0 ~- e) m/ i; M1 e+ \$ g1 @# U$ t
  2. 复制代码
复制代码

/ u' v+ H2 E" y) s& d
# H& h, m9 J: [" ~, m8 a
7 \) a9 q6 O, K
  • 01.
    内容

    8 D+ {9 e4 t! z7 Z' ~/ z- A& y& `4 I
. S) e6 D0 P2 b3 _. F
边框效果：
! O4 H: l/ J+ n" p. U( ^! c
# p+ _5 W- X' }* K
内容

* \$ g) ?6 w, q, |$ J, T* Y代码如下：5 M7 X# z3 c' j+ j' U
  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]! d2 }2 D* F& k( c% F
  2. 复制代码
复制代码
# ^, z. N) @1 E; Z/ a

- j% K5 R' e0 s: I
) z- K' D; \. a
  • 01.
    内容
    & e! C" q6 q# B, w- `$ q( ~3 P7 }
边框效果：, }- O" J$ J0 R: s6 }

1 B2 b) {1 e+ M& d/ p6 u9 z  `3 q  @
内容

0 q# \( C/ B: K代码如下：
: _6 {5 L6 H. q
  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]
    : m  w4 X9 D; h- `- d
  2. 复制代码
复制代码
( u0 Z; m! `- [' J9 u" W

! v3 N: Y2 L$ {9 D& R( h
6 K) ~* C! v! X0 _( ~
  • 01.
    内容

    5 c2 V" h: Y  `) @$ V
9 V5 k$ Q. F: H- X% Z) S# G
# o  e! y: ~* G1 k1 \  `
边框效果：9 s" d6 I3 a3 H( i

, e% t. D/ `. q1 j* f/ V
内容
: j8 V; U" ?! O" g) ]# |3 p
代码如下：
5 J( {! X- l  t4 w
  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]1 Y( y9 [2 ?! C" U4 g, }) U, H' W
  2. 复制代码
复制代码
" d+ r0 E/ ^; e; t( S9 y1 w2 G. h3 V6 ]

/ T4 \& `1 |3 T
) q& H1 ]- x/ p5 r/ c% y5 o
  • 01.
    内容
    9 V' p: D% \3 u! p' T

9 K0 k* R% T& f1 ~+ c/ M边框效果：& M' |+ E8 H! `5 W  s4 |: V

& W8 ?# i- k! N  I4 j
内容

; W; Q: `8 f& R4 c* A7 s7 @3 T代码如下：8 C  ~/ A/ K, R4 v. w  m& }
  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]
    * G) D$ j, s6 A, f" z
  2. 复制代码
复制代码
# S. O" [9 C. L+ L; }4 |  G

( d" ~/ u% p* g( G) G
9 M4 g; |) k. [7 c9 I$ d
  • 01.
    内容
    2 Y* K% Z/ r. k* [6 W

+ ]: M: J7 ]2 ]4 J! v' C6 a+ z0 M边框效果：
  T( a, i. J$ k5 d2 |% r1 N4 M* S
8 q+ h! R& e% I7 v
内容

" \' ?* ^' ^" C+ b2 j. j$ I代码如下：
) U( j( Z* R; v+ ~, J
  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]* I4 G) C* Z0 l5 K' P  v5 J
  2. 复制代码
复制代码

4 O" x/ m- f* L5 r0 U- x
0 B$ W% W. p: D: L( o9 L6 W0 G7 {0 L* j6 h# o; D9 C
  • 01.
    内容
    . V  N  Z; y- q. d2 |9 Q# }
9 U9 O  u4 H, `; D$ Z

2 i  d% O& r4 U9 y9 m. A/ @3 j方法：6 Y5 h2 u! I- t% g7 b$ l
把代码复制下来.
7 @) p. U& ~8 ]* ^1 M粘贴到你要写的帖子中...
9 Q1 \# z) T. q& z, k然后勾选文本编辑框右上角的纯文本...  |) ]/ M+ F) X
你就会看到代码.....& o) j" O: O. ]) i- D
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]7 Z) i9 D+ y3 W! m' n  u
table=560,#ce0000     第一行       #号后是要你替换的颜色代码1 r- |3 B& v$ w. s
table=550,#ea0000     第二行4 ^8 \! L+ g3 r8 J. _6 w
table=540,#ff7575      第三行
( |5 F; d# m4 r& ttable=530,#ff9797      第四行
+ b7 S6 v$ S1 Q; ~: g- R5 m然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！6 ]) n. f& g9 ^, m" {  V9 K

( t0 k( y' [" y" A
  J' t0 c3 y* [( n4 Q; @备注
7 \* u) K# l1 r+ i5 B% E) N9 S( W' B1 [. z( F
帖子里“=560 ”是帖子宽度  #999999是颜色代码。1 i  C, Y: S3 [; A1 D
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
& h  ^# W) B: d# G/ _  W9 `
+ a! _0 [, e& X# p3 N3 Q$ \table表格大小不要超过560，超过发出来会自动变成98%& h/ v9 P6 [  x3 U# q3 ]4 W
- |* }8 H6 t- L9 [$ A
颜色代码：0 `* X& t( ?" Q, o8 C2 R) N
发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。9 a  M1 ^( U! }( Q/ ?: p
) h3 L7 Q% x& q) ]- c0 G
效果：2 [& l9 |( Y* E' x

, Z2 |% u) w0 T1  白色 #FFFFFF (这里有一个颜色哦)
+ Y" x( A, [8 q( I% d7 E  q* g, N+ z2  红色 #FF0000 $ Y1 t( A" Y- E8 X& z, ]1 J
3  绿色 #00FF00 , |# u) T5 G8 _! h& e
4  蓝色 #0000FF 1 I8 ^7 j3 d" T- C: ^
5  牡丹红 #FF00FF ; ^! l1 o8 P+ P% K! ~% _
6  青色 #00FFFF . l/ V, e/ f: \% E
7  黄色 #FFFF00
# N9 `! }0 Z5 F+ y3 V8  黑色 #000000 8 ~' m+ Z; C& t! V% W" m1 p6 F
9  海蓝 #70DB93
  N  c) c0 `8 i' X: o! F* x10 巧克力色 #5C3317 " |" G% w+ ~' f2 d) |  k
11 蓝紫色 #9F5F9F
/ O  f, J# ^' D  [! ^12 黄铜色 #B5A642   w; f8 J* G4 P2 n6 O" M/ s
13 亮金色 #D9D919 ) {! H- ?; L; @' r9 A
14 棕色 #A67D3D
6 S$ y; ]5 ?0 y6 s15 青铜色 #8C7853 ( N( x" |9 Y* i6 ~
16 2号青铜色 #A67D3D
& P: h7 i8 |( g1 m; [17 士官服蓝色 #5F9F9F
  W/ q" p( x; ]5 T% n2 v18 冷铜色 #D98719
3 Y+ F: s( E+ B8 e0 z19 铜色 #B87333 - a* t5 w/ I$ w
20 珊瑚红 #FF7F00 2 n+ d7 z+ n/ J* b# C
21 紫蓝色 #42426F
6 r5 q5 M$ j2 o7 c: W: o' z22 深棕 #5C4033   }+ l" c+ I( D( I/ X8 ]
23 深绿 #2F4F2F
5 P+ P& |$ |3 ^: c! K7 R24 深铜绿色 #4A766E 3 i# ~, c9 G6 O( w# K0 S1 s
25 深橄榄绿 #4F4F2F
8 F# x! i9 s$ @; S1 a* s# k26 深兰花色 #9932CD 9 E$ [+ N4 |% }# K/ J
27 深紫色 #871F78 5 }$ p6 |, u5 f& [& G6 V
28 深石板蓝 #6B238E 9 F1 s2 o! J( F# f. v6 p- `; t- d8 r
29 深铅灰色 #2F4F4F & [+ G6 ~. s& f- g& [9 Z; M
30 深棕褐色 #97694F $ d8 D# m4 I6 ^: b( x/ H. \; V
32 深绿松石色 #7093DB
4 W5 H: r! [9 P33 暗木色 #855E42
  _/ `. K& c& h+ f! ^34 淡灰色 #545454 , \1 ~( u4 m" ?2 B
35 土灰玫瑰红色 #856363
5 G& i* `4 o0 R( s3 X36 长石色 #D19275
* W9 W* R- q: _6 r6 N. w4 g37 火砖色 #8E2323 $ e4 S- S; E8 u/ x; S1 z4 y+ \7 @& U
38 森林绿 #238E23
- N" o, ?* F' Z4 d6 n, a39 金色 #CD7F32
" l* c: k4 x3 _+ K( y8 ^) c) a40 鲜黄色 #DBDB70 2 i  |  z% k* A+ A
41 灰色 #C0C0C0
8 [& G+ _# W0 z1 E% A8 K; w42 铜绿色 #527F76 8 @0 ^* E2 `8 U) E1 l5 o1 H6 C
43 青黄色 #93DB70
9 f% o, @( h! @44 猎人绿 #215E21
/ o/ Q  ^3 q) ?2 w, k( r45 印度红 #4E2F2F " @' |4 P2 W$ E
46 土黄色 #9F9F5F
4 q) H5 l4 m: I, J47 浅蓝色 #C0D9D9 4 {: v8 o" |) ?: f
48 浅灰色 #A8A8A8 4 s* h0 d! w6 f% l, X/ u* R* }/ z
49 浅钢蓝色 #8F8FBD 2 f: c* P6 o2 u6 u: P
59 浅木色 #E9C2A6 ( f5 Y: u7 c4 c6 f
60 石灰绿色 #32CD32 # V; r/ Z7 i, e
61 桔黄色 #E47833
9 n& Y3 J' D. g, o# d5 L7 w! ~62 褐红色 #8E236B
$ [4 u8 |) A) [( A2 O63 中海蓝色 #32CD99 4 F, t. a! g1 Q: D; s1 h
64 中蓝色 #3232CD
: a5 ^7 {' u( w/ f- g" F, f65 中森林绿 #6B8E23 5 L# @' {# W5 m8 b$ r* Z
66 中鲜黄色 #EAEAAE 7 ~  `1 o3 @# i7 w  M3 y5 F. k
67 中兰花色 #9370DB
- J! }) X: H" Y3 {/ Z( {68 中海绿色 #426F42
: U4 A- \5 R: v: |3 T- R, d69 中石板蓝色 #7F00FF ! K6 r. I  k& x9 |
70 中春绿色 #7FFF00
/ m  g6 U8 D. q3 s* x  @71 中绿松石色 #70DBDB 0 b9 c% a5 I; E5 j; Y& X
72 中紫红色 #DB7093
% ]" _$ Q# z, w8 A8 j0 j+ i/ x0 v1 g+ `73 中木色 #A68064
3 ]! T# I& D3 k) N9 U) @& F74 深藏青色 #2F2F4F
  }# o9 A) w: @7 ?3 ^0 _2 `75 海军蓝 #23238E " s& x9 J# g! d6 Y0 W. a. Z5 d+ m# c
76 霓虹篮 #4D4DFF
, ?2 {. s  |+ T0 w+ {77 霓虹粉红 #FF6EC7 ! S( z! |# N; N. O0 c" c( p$ u
78 新深藏青色 #00009C 9 F$ {6 Q) l! ^: g
79 新棕褐色 #EBC79E 0 Q! V, H. v/ c+ G
80 暗金黄色 #CFB53B
. [/ k$ F, y. K- v81 橙色 #FF7F00
* h! C' d+ ~' f. `- O) |82 橙红色 #FF2400
8 s5 @5 H& A, c! U4 e5 F  B# k83 淡紫色 #DB70DB
) D# M; C3 q, `& W3 L( A' f0 @, ]) h84 浅绿色 #8FBC8F
" e- q' G5 s8 H! z. M% F85 粉红色 #BC8F8F
! P) z: T& [# x/ ~  n2 A* _, e5 I3 M86 李子色 #EAADEA
1 e* d' @1 D2 y, _- ^5 U/ w87 石英色 #D9D9F3
: [% t, S6 d; @  y; {  ]88 艳蓝色 #5959AB
* ]- L/ e" N% F. q89 鲑鱼色 #6F4242
9 \1 e9 A) j: r) N% [" k" ]( w90 猩红色 #BC1717
* m( Z' e4 f4 l% \91 海绿色 #238E68 ! O) X6 m6 i  n: \% O% a6 ~/ l3 Y  k
92 半甜巧克力色 #6B4226
5 u6 K% a9 ?/ ]9 x6 C4 y93 赭色 #8E6B23
5 Y, h: |) u! M3 j8 h1 Q* Y" d94 银色 #E6E8FA (这个是银色)* m$ I2 Q' [, r% {# t6 e
95 天蓝 #3299CC
9 U3 J: X, T+ @96 石板蓝 #007FFF
  G* R. r) G% M# F2 N1 I97 艳粉红色 #FF1CAE % o! x( X, a% W1 e' s
98 春绿色 #00FF7F : B. Y2 x. K8 L! b! G
99 钢蓝色 #236B8E
/ a' L$ G9 n9 c. ]. M* a/ |100 亮天蓝色 #38B0DE 3 ~& Z" P8 q9 Q& w
101 棕褐色 #DB9370
6 _- V) w6 h3 N7 {9 H3 P) B- e102 紫红色 #D8BFD8
0 y8 A' Z8 A/ W" @- U( j103 石板蓝色 #ADEAEA , c' G8 ]+ n6 H
104 浓深棕色 #5C4033
+ w/ C) H0 D% ?) S/ p! R7 I1 ^7 V3 `. S105 淡浅灰色 #CDCDCD % r/ ~7 Y7 L- m, \
106 紫罗兰色 #4F2F4F
; T) m" t. {: ^1 ?/ e107 紫罗兰红色 #CC3299 - {! j9 ~& f; n
108 麦黄色 #D8D8BF
+ ]7 n* W# t. P/ d109 黄绿色 #99CC32
* t- ?+ ~& d, L, v, t7 r6 y* V: z1 w3 C


转载请保留当前帖子的链接：https://www.beimeilife.com/thread-17367-1-1.html 谢谢
回复

使用道具 举报

沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]) I9 e$ f0 }" Q$ S" \0 @
[tr][td]
# M! A7 F4 o* }4 Z/ V: z: ?- s5 `
$ C# T  A" t( E2 C* _
内容
[/td][/tr]0 F& l; z. Y% N4 H
[/table<p></p>
& D" n! }5 h. N" C) P
& H  p8 c0 L9 b
  Y. F7 k8 x# ]2 p# }?
回复 支持 反对

使用道具 举报

板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html
回复 支持 反对

使用道具 举报

返回列表 发新帖

使用高级回帖 (可批量传图、插入视频等)快速回复
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

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

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