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

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

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

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

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

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

) j; S4 H  F. k/ I% `) u4 Q
简单边框之一：7 ~7 L/ ?8 C$ j: J% a& m0 F4 D
; p  |- w+ o( g/ m* D
单纯的内容边框( Q, T7 W! z2 x& G

: s) ]$ N% s# k# i
  t$ b; Z& v" s4 g8 Y
内容

( |6 ]. h/ n- t- S" C+ h代码如下：& L% h) n5 y4 s' _0 h, a! U
  • 内容
    / C2 w! I6 l  Q# z( z* z
4 Z( n5 n5 {. i' S
复制代码% ]4 N1 \7 t) X( H  _
1层边框
& S' n* _( d. P
内容
代码如下：
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]( ~. F  q4 K* m4 Y7 ~! z; D' P% y
  2. 复制代码
复制代码

5 a/ |6 A) k0 C( U9 Q$ ?& A/ X3 `1 l0 s/ r+ l3 R, J
  • 内容

    : ~! U2 K9 e; h
4 s, ?% Z) `0 d+ j3 y  K7 J2 n
复制代码
  H: t- E7 z0 O# \: ?- j/ _0 U0 E

+ W2 l2 p, n7 e) W- R! ]& b) A2层边框) O" y/ i6 b+ `2 ~
8 t' I6 W" z, K0 Y8 x
内容
代码如下：
  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]
复制代码
) [# c( {9 P( e: z8 ]

% z, ~; `, _* l
  • 01.
    内容
    7 h5 ~% Z5 S" \/ O% T# w3 {

0 @: u, C' S2 K% z3 _* s5 S0 ?4 p复制代码
" n9 ?. f$ P4 @' ?- V

8 r' \( y& u! o8 H0 G* u$ s. o3层边框
, n+ v) x9 j: Q! ~
内容
代码如下：
  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]
复制代码
  ], k* _$ i" U; e

* _+ O% d2 q2 e/ ]# F3 }
  • 01.
    内容
    / w( L5 g( B% R8 P

$ k, n) @+ u5 B) F复制代码. [& w3 \, Q% \4 w4 J
; \3 \8 M! |1 a  M9 ~+ j) l

* `0 H* I" Y1 |' L简单边框二：
  U/ I* Q2 @( U- G) J
7 E) Y) Q# c- _3 a边框效果：
9 O1 ]. n8 _- }. N1 ]0 \: ~& V$ u8 u' X# O: ]# K
内容
+ p3 ~( |5 R, p: z" V9 J' R
代码如下：3 l; ]% N+ U. c* g7 }* m+ E) s
2 {" F7 T$ e. e4 L" W! J! q

# Q" \, N( W! I; a
" K* R; \% |% S: Z: Q2 p( F  g( a
" Q' V$ R0 `0 V: W% ^/ G# s
3 J* _3 r) I3 d% n* 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]2 g- m; ]& s& ]; q% H/ P  {# p' J% U
  2. 复制代码
复制代码
3 w- O6 g0 S4 n- p) V6 v+ `

+ X( g& ~6 [- C) s+ _" @& k+ Q. H6 T" n5 I) f* V

2 V2 \4 c( p) Q7 b" 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>
    复制代码
    , ]3 }" b- |+ S. K2 J( W1 ~

1 J# C5 w. m. F# g" u- G5 R
内容

$ ]9 E& u# W+ t/ t. y6 q代码如下：
+ W" G/ n$ k1 S% g. N+ [
  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]4 n) r: Q# H0 j8 I1 A7 l. t5 s  z& {
  2. 复制代码
复制代码
& V1 r2 Y) |2 X2 s
6 l* r. x$ B8 g) ?6 i3 h  O  K, T

& u; L7 k5 Q) d+ U% ]$ X9 N5 @9 O& n
  • 01.
    内容
    6 y& P9 o& V' E$ k: m# \

6 w. e9 Y2 C* J3 I1 z. L边框效果：4 [, J% O# G$ B4 I. G% C

: @/ L% e9 _* }
( [( V( V4 ^9 @! |- \
内容
" M  {" H( d0 g7 T7 a
代码如下：
2 ?1 I$ ^0 p0 _
  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]0 r- d5 L8 X4 a0 F% L
  2. 复制代码
复制代码
% A2 D  N- r2 A$ e" h4 b  |

& X; R( ^' T! N" c
: r, K; A! J' h: m) k3 `& ~
  • 01.
    内容
    : x6 W% H7 e) Z5 L% S
8 q0 i3 o3 ]8 r" Q( C, C; B+ Q
边框效果：
: }9 a% H1 ]* a" Q# {/ ~. t$ E) G8 u/ g3 H7 L
3 ]1 x' G4 i) B+ t% F
内容

$ X& N8 t# a# g) N6 g代码如下：5 y5 }8 l! y+ r0 h+ S% Y
  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]4 r7 }2 l1 U+ P2 c: Z
  2. 复制代码
复制代码
( f. a# ^- B+ D: f' s. E3 @" {

8 {! S" v4 R( {) I  \
; r! [8 h! K$ L
  • 01.
    内容

    # g) n& Q4 f8 F$ k% @4 C/ V

, j, I* C, a2 ^) Z边框效果：
; n/ {! `# D0 U
& i/ s4 M2 Z+ H+ T4 U: L7 U
内容
6 @+ T9 [; G; a" g' V( f
代码如下：
) u! Q6 B+ U# o! i; w
  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]
    & ^1 w5 t9 U; z* k1 f3 A+ z
  2. 复制代码
复制代码
, `, H" g, P/ S/ j9 c' b! k% s
$ g$ _9 H0 l$ @# h3 Y
& q3 J8 N  |' Y9 V8 [0 e
  • 01.
    内容

    / K7 e+ {* ~0 B4 k0 n: ?
6 O8 c5 \( p/ o; c7 }. C6 t
边框效果：
+ J7 G, V* k4 ^2 J6 Y: d: l3 d- I2 @, ^9 V, \
内容
, {% [! M4 @7 Z5 ~) _
代码如下：
: ~$ ]7 Y1 n6 u5 Z: m  `
  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]
    % V1 b8 ]- o$ a2 Z& Q2 @9 B
  2. 复制代码
复制代码
0 V2 u2 n; f- h/ ?& i8 h, j1 n
( X7 E" ]3 [4 o. h
" z  D' v+ {2 G" M
  • 01.
    内容

    * s: H  r! f- V0 c0 e" n+ ~( m9 I+ @
边框效果：
4 Z/ _0 d0 @7 W3 J8 U5 d$ E2 }1 W( G4 k- e" e/ k
内容

2 C4 c8 R) _" p. X4 m代码如下：9 B2 y0 Y& A! k
  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]3 C$ n& I8 A9 \# C/ Z) X; U. y1 v
  2. 复制代码
复制代码
4 X# q- @: o& j  u3 ]. S# @4 g

; a' y& w/ D: Q# @& k1 b% e4 x+ G/ l5 \1 C6 I7 M
  • 01.
    内容
    1 J; R4 r* ^! J1 b- f4 A& O5 `5 A

' ^: v: S# W0 f! f# }2 ^' s( U% s# n. l' B' n& T! n- @$ R) J
边框效果：
, q/ ]4 {5 f* }; ]0 W8 D6 s3 H$ M: ^! @
内容

7 q$ f  t6 l% }2 {1 y代码如下：$ {/ t% M& t, X9 F, K; Y
  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]
    $ g& Y4 _  K' I
  2. 复制代码
复制代码
9 e' E6 n! f0 B& x" ~

8 m6 T4 H' G4 n: g: K1 R. O$ V% V5 X  C( i& y5 y
  • 01.
    内容

    3 G7 _( O, `' N
, c: j- W. ^+ A* D; J" V
边框效果：- O, C; z2 a  t& @+ I* G4 O

4 T3 t& N7 x1 N2 V: B
内容
* E' ]- L! A$ r% G1 I% h
代码如下：
1 B3 E2 t$ c- Z3 t  O
  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]
    & t! K! z- @; g, n1 s: [8 `
  2. 复制代码
复制代码
! X2 d! h% V# |
1 X. s) B. ~6 a; C0 g. ^
0 o( a! r1 O& M! H
  • 01.
    内容
      _  o  ?; c  b- p* _& o/ L
; `: S) P! W/ Z/ i0 ]
边框效果：
9 E# {0 {2 c/ ?4 s+ ?; ?
% F! g, U8 X* W0 W  T: M  a, l) i
内容
% n1 x3 }; B8 u
代码如下：
( \2 e3 E& @' [7 I6 C$ 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]
    ; K7 D/ u- d% A0 A' I
  2. 复制代码
复制代码
8 c6 j) w2 G- v# P: I

" Z  _8 x2 ~. U4 d
2 `( ?3 u1 S( x* n: w1 O/ z
  • 01.
    内容

    8 z9 h2 Q( k$ Z
' L' R% L' k+ x; f1 ?% [
/ S' k) |3 t+ o* }8 v4 N3 e
方法：1 e2 ~! ^8 B/ k- a, C1 L
把代码复制下来.
7 E# M; t) I( H& I2 n粘贴到你要写的帖子中...
& B7 K' f/ @" `然后勾选文本编辑框右上角的纯文本...
) n8 y8 V, B* n9 C$ O" V你就会看到代码.....2 w5 G  ~% G; J" x$ D, }, H
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]
# i/ ]# O3 t8 E2 Qtable=560,#ce0000     第一行       #号后是要你替换的颜色代码% T7 ]9 L9 H4 K$ L
table=550,#ea0000     第二行
1 `/ @4 F6 Z) g' a) T, Ptable=540,#ff7575      第三行
- p# z/ X) D( D, `3 |( a5 a2 T# Btable=530,#ff9797      第四行* X0 X) |" n- y- z" b8 d- r
然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！+ Q$ x- z7 {+ }0 u% Q

2 a$ e' _* Z2 _8 N' m( A/ n
# I* `6 u) L# V& C8 t备注9 Y- X6 _; U) P% A

5 B: J, {! f7 F( }& H/ h1 l; l帖子里“=560 ”是帖子宽度  #999999是颜色代码。
4 Q3 @: u3 ~& Z4 e如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
3 V2 f# e$ i" G1 q- g& ?" P3 H$ W# b6 R3 g) O, \' u- U; ]1 H
table表格大小不要超过560，超过发出来会自动变成98%% }/ s2 F8 P! M

! r3 `4 C/ N, P5 D; F6 L- c/ o% N3 k颜色代码：
: l# S6 ^/ t  E, g. A( Q发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。& R. S. _3 l' p8 M
# V+ W2 N+ O& k  u
效果：
- _$ R& \8 {6 L' ?2 B# N. s: W+ K+ M4 A% v
1  白色 #FFFFFF (这里有一个颜色哦)
% n0 a" t2 f: e# @/ l2  红色 #FF0000
4 O+ K# f7 P7 Q3  绿色 #00FF00
6 d" U7 f. a$ z, V+ l/ Z4 y4  蓝色 #0000FF / G, }- l& ^' o8 B* r8 z: Y
5  牡丹红 #FF00FF
7 x' C: h1 d) _6  青色 #00FFFF
6 [. e( j' v. M7  黄色 #FFFF00
! j, S7 o$ s  t" i( x6 H8  黑色 #000000
# N, I2 k) [7 W/ ?. h: d9  海蓝 #70DB93
; \) y2 \' j# T+ C) p* s10 巧克力色 #5C3317
$ F: v  x3 G: ]11 蓝紫色 #9F5F9F 3 t- G9 B" K; C5 G% p
12 黄铜色 #B5A642 : ]# w; Z1 Z/ z1 Y# E
13 亮金色 #D9D919 ! E+ @( N9 I0 }3 Q  z3 L
14 棕色 #A67D3D . w7 Q4 `+ X" m0 s
15 青铜色 #8C7853   ?! h0 `' h* H7 J, M7 w( b1 R. ^
16 2号青铜色 #A67D3D
+ g- x" Y( L# i1 ~' h9 H' @# e17 士官服蓝色 #5F9F9F: ?  n( M6 ^; e6 }$ z+ ^1 v
18 冷铜色 #D98719 : P& v$ O9 |; }% }2 M! a
19 铜色 #B87333
# t7 S# P9 ?! Z# [6 T  S20 珊瑚红 #FF7F00
$ @, Q3 F' y+ v8 @3 R* g, n$ W21 紫蓝色 #42426F   N" l2 E: X' X
22 深棕 #5C4033 9 q3 g1 J3 M+ v2 p. v" d0 P
23 深绿 #2F4F2F + a: N) \$ o( F+ p
24 深铜绿色 #4A766E . h& J$ l, k3 D: p* j/ w
25 深橄榄绿 #4F4F2F & m3 @' g0 k2 `  U
26 深兰花色 #9932CD # {9 M& E8 p1 A5 y
27 深紫色 #871F78
8 G- g8 O# m  P  a28 深石板蓝 #6B238E
* i9 k& d) n  H6 x7 g. ]29 深铅灰色 #2F4F4F 2 [  V4 U7 q4 ~, c+ ], i" n
30 深棕褐色 #97694F
" S. }+ q' N1 m2 ?0 c32 深绿松石色 #7093DB " v4 c$ l1 }, y
33 暗木色 #855E42 / ~- N7 J# U2 Z" E
34 淡灰色 #545454
, T+ Z: }5 M. ~" T2 k( T35 土灰玫瑰红色 #856363   @, t& E/ w  J) Z4 K
36 长石色 #D19275
9 b9 S% X+ w. u* ?( w37 火砖色 #8E2323 9 A1 E/ Y5 e3 ^) F, ^$ T
38 森林绿 #238E23
& G- C# \% L+ R1 c, [) q39 金色 #CD7F32
/ c1 r$ _0 B$ w/ e; I3 G; Q  B, L1 u40 鲜黄色 #DBDB70
8 I( M! |. N8 t) n; @41 灰色 #C0C0C0 - a3 B6 N# F: X9 v
42 铜绿色 #527F76
$ B+ Z( @* M$ p$ {4 y+ j43 青黄色 #93DB70
: F% G/ K, E* B& \; T44 猎人绿 #215E21
+ H3 f: K, j2 r- C! e" c4 \45 印度红 #4E2F2F
2 B8 c% b' L# W0 K& K$ M46 土黄色 #9F9F5F
0 ?6 v. c4 v. P6 E7 [47 浅蓝色 #C0D9D9 . R4 }3 k8 x6 Y) d
48 浅灰色 #A8A8A8
& |& O7 q* ^! k% H3 ]2 ]49 浅钢蓝色 #8F8FBD
6 f) j" D0 Z  \% D! ?; n/ Z  o59 浅木色 #E9C2A6 * Q/ o$ {, Z; a6 S! V5 g4 t
60 石灰绿色 #32CD32
8 W# y- d7 i  w% Q61 桔黄色 #E47833 , d5 t. S# Y7 _) s8 T  m9 Q1 S
62 褐红色 #8E236B
# Z& W' t5 f: x' r9 k  @, L6 Y63 中海蓝色 #32CD99
* e; `* [5 ?. R64 中蓝色 #3232CD   Y! ^0 G% z& \' Q$ l- d0 H
65 中森林绿 #6B8E23
1 _; ^! b' j# V; x0 v. i3 \66 中鲜黄色 #EAEAAE
3 h- p( m1 c( t67 中兰花色 #9370DB
7 a6 C; R6 j' X: `9 H7 Q68 中海绿色 #426F42 # y; r: H3 W. n
69 中石板蓝色 #7F00FF 1 v3 j- J$ _/ f8 B3 V# X
70 中春绿色 #7FFF00
1 E8 u6 H8 B, M4 ^* j' K8 F71 中绿松石色 #70DBDB
8 l8 |; i8 d; G72 中紫红色 #DB7093
- P& |1 P' q& E. d# S73 中木色 #A68064
7 D# R; t8 l# |& s; q. ]0 l74 深藏青色 #2F2F4F ; g$ ?) d) a, {, s# p
75 海军蓝 #23238E
: d, p% s5 a* ?9 s5 E76 霓虹篮 #4D4DFF 1 d, v4 [! L5 ?+ [
77 霓虹粉红 #FF6EC7 4 d% ~2 V1 I% D4 L) P
78 新深藏青色 #00009C ' J( w: b, v, m1 J# p! t
79 新棕褐色 #EBC79E
- l& D& f; D' g3 |5 V80 暗金黄色 #CFB53B 5 z% @7 X2 ]# P; h
81 橙色 #FF7F00 " ]9 o; p8 Y& O; W; k& ?% C9 _, M
82 橙红色 #FF2400 ; e, C# z8 `  T* b3 I5 r0 U& j% `) Z
83 淡紫色 #DB70DB
6 S4 W) n) ?1 a& s" c* w* B84 浅绿色 #8FBC8F ( }. H3 q. e3 t" _# F1 r
85 粉红色 #BC8F8F : V/ o0 [, U0 A( Z- z
86 李子色 #EAADEA ; G8 ?. I  @. M. w$ X  Y
87 石英色 #D9D9F3 + K% |3 y" L  y. S  J9 ?# h! L
88 艳蓝色 #5959AB ' [  {& q: _' _3 `% ^* D2 \
89 鲑鱼色 #6F4242
. x( i1 f" z2 }4 f4 [- ?90 猩红色 #BC1717 # T" k0 N6 x% W- b, R$ D" A
91 海绿色 #238E68
8 R/ J) r) Y  J: X+ ~1 @: F' [92 半甜巧克力色 #6B4226 0 p2 a( E+ F4 `: u
93 赭色 #8E6B23 9 K( D3 B% Y, ^
94 银色 #E6E8FA (这个是银色)4 @3 J6 ^: M* c2 }* @
95 天蓝 #3299CC
! b- }+ V" T* z& M3 p3 n3 Y96 石板蓝 #007FFF ! ]) ^* e6 X; u" p/ U# L
97 艳粉红色 #FF1CAE
* x/ A3 _, O2 e2 Y$ e98 春绿色 #00FF7F
0 O1 l$ h& w$ F& q/ c) I. W99 钢蓝色 #236B8E 1 l# n2 }* q: W5 M8 Q
100 亮天蓝色 #38B0DE
1 I6 L" h7 o( M7 w8 i9 o101 棕褐色 #DB9370 3 J, Q8 j$ ?' |
102 紫红色 #D8BFD8
8 o0 B  y3 Q! i( t; K7 f103 石板蓝色 #ADEAEA
8 d# z! c# I, E+ ]- I104 浓深棕色 #5C4033 9 P# j+ y$ J# \# {; h& b- k+ W
105 淡浅灰色 #CDCDCD
0 b2 n9 B2 Q) C2 X5 I* J! a106 紫罗兰色 #4F2F4F
9 q* d! D( ?8 N* J' u/ |$ ?/ u! f107 紫罗兰红色 #CC3299 2 @/ p* |+ w' }( I- Z) |
108 麦黄色 #D8D8BF 8 c+ _4 R& r$ _
109 黄绿色 #99CC32/ n' G* l- P* [

2 F- n) y1 X8 h1 J0 R6 B( K

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

使用道具 举报

沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]
6 s* q6 K& W2 i6 y[tr][td]: g3 `5 x, B- W* Y! }2 k' K

+ q* I7 {3 v6 H4 S/ H$ R, ^
内容
[/td][/tr]
" I# H8 x& Q0 z5 B+ Z9 m4 x! ][/table<p></p>
3 j' @3 J; t: ?) X9 J/ |, q" R$ I
4 ^. o1 j$ _) {# U% n$ p2 |
) F8 A/ Q2 [2 C( ^?
回复 支持 反对

使用道具 举报

板凳
发表于 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地址等记录保留，只要接到合法请求，即会将信息提供给有关政府机构。
快速回复 返回顶部 返回列表