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

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

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

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

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

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

2 }, X' Z: @/ r: k- g" @
简单边框之一：* c4 J# W! c/ S  m2 Z

4 {2 b1 k* ], ^2 x; O5 W单纯的内容边框- _1 U4 u+ e$ z- y& F6 o5 Q9 d- r
, ]' m' `8 Y  N3 l; {+ x
1 E% U- U& C* f
内容

" J* k" v; c$ N* X4 j代码如下：
5 _1 G; M7 @/ z
  • 内容

    : E( J  X5 f( C

% s2 e$ L+ y' k复制代码
9 _& G# j: |( _" G& `! t
1层边框
1 C" B( ?, m( O' }& ~1 Q0 x
内容
代码如下：
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]  w' n$ B3 s0 x. B, [' U$ `
  2. 复制代码
复制代码

' C( Y, K9 y) @2 j' A" S0 R- T; q  q4 P+ A, F5 @, f0 x! ^
  • 内容
    " b9 J- W6 K6 l+ u) T

0 [* Q6 ]: i# N2 p复制代码
  Q1 A3 P5 R( J& B' P: j

3 w2 e/ _( u# J7 u1 {2层边框
& N' ]9 F: P: N$ X9 q- S+ V/ Z' {: F
内容
代码如下：
  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]
复制代码
0 Y- H& q0 r/ M8 y; K6 }. \
2 Y) s. E- k! [
  • 01.
    内容

      q& @, q) A# h; P+ j. h
+ @# ^  R( f) g; ]+ B( M
复制代码
7 E9 X6 _. s, ^; b2 w/ R* \
% |; N+ R  S* K0 `; }
3层边框
/ R8 X8 C; I: o4 l  M/ v! \/ i
内容
代码如下：
  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]
复制代码
4 J( V; ^! L9 f. r# E# ?
$ G: ?$ e1 u% n# b
  • 01.
    内容

    + n# S! t+ O9 k* z! |5 I& M$ s

( J+ X6 m3 g9 N  T复制代码) A$ q: g2 v2 z6 ?
( |- A1 [. N7 c! F8 v
/ |! O6 C, X" @' P6 F( Q0 J4 z' Y
简单边框二：
$ W: r6 s# k+ ]1 j: k2 W: I- H) I6 X+ Q( q" _) ~
边框效果：
  K9 ~( x$ t4 t+ \9 W0 F8 C% Z5 y5 F0 h7 j& ~' u5 p* ^: E
内容
6 i' c2 U. ~! k
代码如下：
% ?2 u5 Y& Q0 v$ G
- {" q" ?% {) c; X4 R
/ x9 X$ j: G  u; H1 C2 M/ L
* M5 ~2 i! V6 z! V; x' o, Z
* R/ b' Z# a" ^- P! @+ |
7 s* j+ \/ Y2 M8 o
  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]
    6 B- J; Q4 N( c$ R3 Z
  2. 复制代码
复制代码
/ F/ w! M" V: G7 P, n; d- f

) J8 \* t, _$ h+ u) g2 {! h6 h$ W. G- V: B; e0 T* @

% D2 |4 i8 u% n4 s2 d3 }
    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>
    复制代码
    " r, \2 G) H- q5 L) H: i; c
2 P# I' K$ k# q2 I  t+ p
内容
& U/ o; F9 v0 c( y4 ?# F! l6 V
代码如下：$ P, K9 R$ Y( A; I4 ]
  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]
    8 U. W9 K. \% {- E
  2. 复制代码
复制代码
9 Y# `" i. Y4 r; e( I' {
* q5 o0 b9 D. H! N' [* o& C- I$ D9 c7 i
- m  ]; o0 `6 ~. b) \5 y) |4 ?4 M
  • 01.
    内容

    1 H& u7 c2 y6 k) k9 r) U4 c* r
  p# u% [4 F/ P/ E$ O/ q, c
边框效果：
7 U# H2 G6 N' F: W7 F
/ v1 z  C0 r- q! g
1 t$ l5 ^6 s9 N& \! ~  a/ j
内容

; p" ~  v# T9 |9 x& R5 v代码如下：
' _/ h$ I* e1 z. J' X4 b2 y* }
  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]
    ) Y# e% B* |, |4 \* t$ s* z
  2. 复制代码
复制代码
- F! d( c. z% m7 ?! r' x( j! u3 c
$ o2 w: A7 r: e

0 V' ~! g' j" y! D, w
  • 01.
    内容

    4 M6 a. b" n9 T2 a+ F
$ w+ s) l; S1 }: O7 `' f
边框效果：$ v% A  S  d8 T) `8 w
5 i9 Z  y& r- X/ P; z8 a1 t1 x. g
) U7 c  v. j1 Z8 p
内容

2 j$ J. ]# z5 U) j. T2 K3 e' H/ E& Z代码如下：
; `6 _, @- D1 i0 e
  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]# t8 f! R/ X5 d/ r  {; v6 c: H& ^; J
  2. 复制代码
复制代码

/ @$ C" l2 h. K" N0 j5 q. u! N0 Y" F! U$ q

( _. @4 m. l, F# V$ f& o
  • 01.
    内容
    " T/ k) E( j; t# L# ]

% R  A4 \4 j- T9 c) \9 m* |4 m! }边框效果：. K8 ?4 ~6 C: ]* R

) q/ x( f/ Y& C+ i. b: [/ d; |8 e
内容
; }: M0 Z* }- q. Z* i
代码如下：3 V0 G- d, V0 F+ |2 Q" 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]8 Z+ I% h6 ?0 d: S/ h
  2. 复制代码
复制代码
" I; U) f% Y# O5 Z, v
! u. b1 e  q) `3 e
" G% S# Y+ p. \9 w' z: ^2 w0 h. k) O
  • 01.
    内容
    0 [6 K1 S/ _+ ]% w+ }' Q
& ~- J& D) P- k8 Z! F, A
边框效果：
: u1 l) N. |2 s3 J5 Y! U' R% m( Q+ V5 W' C0 f# ]7 ]& R9 t" m
内容
; }/ X& e+ p7 v! q1 R. P) f/ Q0 K
代码如下：
1 Z& L% m& k2 M( `1 V0 C
  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]
    7 m9 s& ^5 U  `6 R/ t
  2. 复制代码
复制代码
+ b. d: S* C! P

3 S3 ~3 g8 P, T+ o. M5 }! b/ g, P/ |4 I0 B4 p
  • 01.
    内容
      A" N- D% z& }
边框效果：: ~6 n0 X1 A; ]8 ^

% Y: q8 P3 D! A: K- z0 T3 g
内容
6 u# x+ L5 e' J7 H$ @
代码如下：9 V: o: [4 Z! R1 d9 @1 W
  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]
    # o- P: A9 \0 x  E
  2. 复制代码
复制代码
) I+ X' B1 l5 E" D; M+ z
  f! \& x+ N% }3 \2 e/ D' Z& d4 G
: i5 @2 X5 M* S" e+ C$ A' D* T
  • 01.
    内容
    1 g0 G& H" ?8 w8 o: b" k

3 v- W& J% I- E$ w8 W
3 v  b5 Z4 f; {- C# i! E边框效果：5 {; p+ d; t; @: F( a4 h

7 t7 Y# L: T; o$ {$ H& \
内容
$ [; m4 f. W- ~9 V
代码如下：, F% W" j( m  }8 _, [# |
  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]
    0 ^- I; e0 d6 Z" |7 W% l7 w* y' o
  2. 复制代码
复制代码
+ y* p, ]% h' l8 s( O" B: [
7 u  Q% y8 y( |

: N/ }2 h3 G, z, s2 _
  • 01.
    内容
    0 S4 z7 r* L+ W# ~8 I
5 g1 k: }9 N9 j0 @0 W& P9 f
边框效果：+ \0 }3 i2 c& _& z

) w- t: D. B& h0 A" ]
内容
' ?6 Q' x1 k) i3 ~: \; F) e  M. U
代码如下：- z* C  v- J* b) g
  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]; w& C2 r* {3 f8 w7 }3 U9 f
  2. 复制代码
复制代码

7 P. P. _" u" ]$ [: S  n% x3 P9 S3 w( ~. K

3 A$ v  v0 z. W
  • 01.
    内容

    % Y- {8 k6 {/ F4 a$ T8 r, ?# D0 v: y

. i- i6 M; K- e% v9 p$ Z边框效果：, o/ h0 G' v* Z$ q1 L& n2 Y$ _

9 Z1 J1 c5 R( N. E8 }. J
内容
; v+ u, W* c" P
代码如下：
$ r+ B0 R, {  |( }$ h3 v
  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]
      B2 Q+ K9 X/ X
  2. 复制代码
复制代码
, a4 R; R' K/ R5 _
9 p" @( ?7 X- K; o& l; h) S
* V; Q; ]4 |. A% r
  • 01.
    内容
    2 x7 K7 O" U3 k4 R

7 V7 |# B5 e+ i* \) V2 |2 |
, B$ i. q( f  t5 R- p! v方法：
( O0 l+ d4 @/ @9 j( X$ U* P把代码复制下来.
  i3 Y4 n. ?) g* Y5 G. d' ~粘贴到你要写的帖子中...9 Y' ~: n( S5 Q3 w. W
然后勾选文本编辑框右上角的纯文本...# O& R& l/ `" r8 Z
你就会看到代码.....
0 q, D2 S3 D$ l; g- u9 ~5 K/ X其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]2 f& H- m3 h. n4 j; r
table=560,#ce0000     第一行       #号后是要你替换的颜色代码# E* D. r' o. h6 K6 U! B5 g4 w
table=550,#ea0000     第二行
: q0 H: J1 K+ N9 z' {; btable=540,#ff7575      第三行
$ P7 F3 \+ ^& z: A6 `table=530,#ff9797      第四行/ }- {; k7 x" K+ n% v) k0 ?" f1 M
然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！
) G% c% S0 ~: V* z1 M. h% `
# p  {+ [; J# t* v' z2 V; N
% B) _- ^' R! l: @9 w5 j% m9 n备注# s1 k9 V/ m  Z

* s+ U2 U% H. u$ ^  W/ x帖子里“=560 ”是帖子宽度  #999999是颜色代码。! ~% u( ]9 Y. {$ m0 Q
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”( W7 j5 c6 }. Y! [  g
) Q- j! M* b# r; e& u7 X$ p: n6 @
table表格大小不要超过560，超过发出来会自动变成98%
( n1 e3 |! A7 d: c( |, ]: G8 e  I/ I% a  w/ t
颜色代码：; i0 ^$ w5 ]" p8 y7 X
发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。( b+ ]: ~  O1 f" K& m# Y
. I8 X( f- `, p: I; U
效果：
* q* K9 `' o; S7 _+ I& ^4 P8 k
9 F% j6 M2 e. Z  [4 E& I$ g1  白色 #FFFFFF (这里有一个颜色哦)
! Q' Q  L+ m; q( f; P2  红色 #FF0000
% R! X" J9 G. p; e1 D; f3  绿色 #00FF00
- r& w5 _. V2 }/ `4  蓝色 #0000FF
1 g- \1 m1 c$ ^$ K4 {  M2 f. J( D% @5  牡丹红 #FF00FF 5 u# W/ M8 q+ v% q& t) r
6  青色 #00FFFF
) A' c8 `: V- \* ]; k6 }7  黄色 #FFFF00 + Q9 H# i$ {- t# Q- V* _
8  黑色 #000000
) F% _+ a0 G, P6 b; t8 L$ `% `9  海蓝 #70DB93 5 k/ r/ Q+ ~, k# }7 x8 O
10 巧克力色 #5C3317 & G) X7 B& l) j; i3 C1 z
11 蓝紫色 #9F5F9F ' ~: K) F+ \0 L0 X- F$ O" u% o7 F
12 黄铜色 #B5A642
2 H0 y6 ?3 c* K) f& D! a* g13 亮金色 #D9D919 2 }+ d/ }( p/ u  ?- X; W
14 棕色 #A67D3D
% Y) R7 X6 r0 R6 x/ O6 T" ?15 青铜色 #8C7853
8 s; A& E3 [# D16 2号青铜色 #A67D3D
8 O& [% d9 P5 k, L' Q" Y17 士官服蓝色 #5F9F9F
6 q+ _& j$ N' |, r2 c* A" i: a9 T* {9 y18 冷铜色 #D98719
6 D8 N. p) p% c! B$ F19 铜色 #B87333
% A% s2 R/ s5 W2 \" s- x- V9 N20 珊瑚红 #FF7F00
& G/ E' N% r' \6 T' N0 I21 紫蓝色 #42426F
# i9 ~7 k& k* Z& {/ F22 深棕 #5C4033
  i- e: I+ r$ {* e3 X5 x23 深绿 #2F4F2F ; u% b4 G8 r& p/ A4 d5 @4 l
24 深铜绿色 #4A766E
0 `' o% N- \! ^' v/ H0 ]* K25 深橄榄绿 #4F4F2F 8 x/ X& H) t0 T. p" b) L1 ^+ T6 q
26 深兰花色 #9932CD & x7 {% n# R) ^& n
27 深紫色 #871F78 * Y6 W0 r: R  {
28 深石板蓝 #6B238E 5 R; ]5 B+ {% N9 b
29 深铅灰色 #2F4F4F - U0 t  _( d/ k, e. r
30 深棕褐色 #97694F
: p/ r$ {7 J2 W% s32 深绿松石色 #7093DB
6 H2 \3 _+ |* p; A33 暗木色 #855E42
6 E7 k3 f# f: \: ^$ {34 淡灰色 #545454 " ]5 B& d' C' z, Q9 A1 O9 ~
35 土灰玫瑰红色 #856363 " p% \, k0 [0 h4 A
36 长石色 #D19275 7 U- ^: `: }* I6 b7 }
37 火砖色 #8E2323
( k+ J7 B) n- {% @0 g/ ^8 w38 森林绿 #238E23 4 F3 M1 d2 a2 ]2 |6 c
39 金色 #CD7F32
. [4 I: z0 u5 H# F* a: P- ~; X40 鲜黄色 #DBDB70
4 O+ I+ r  R' c41 灰色 #C0C0C0
/ W  K2 i& |6 ^) @4 R# }3 G42 铜绿色 #527F76
, ^5 f6 t7 v& ~$ h43 青黄色 #93DB70
6 e7 S# n- J/ `8 Q44 猎人绿 #215E21
1 |% z& Z& M2 k" s7 M4 s45 印度红 #4E2F2F
( _. S; I, j1 L! V  K# w6 _46 土黄色 #9F9F5F 4 L1 X& I% d3 ^; a. o8 j
47 浅蓝色 #C0D9D9 # x9 L" y2 E) j# N, b  ]. b. I. h* g
48 浅灰色 #A8A8A8 . R. C4 T) K; X
49 浅钢蓝色 #8F8FBD ) v) r. q9 p1 a
59 浅木色 #E9C2A6
5 l/ H; J7 N* P  @2 n; o" T# t60 石灰绿色 #32CD32 / N4 j, Z' W4 u% W3 m
61 桔黄色 #E47833 ( ]! G+ `" X, K# O" i
62 褐红色 #8E236B   x8 `' W% Q$ _0 W5 X. X
63 中海蓝色 #32CD99 * @$ I9 w' y# W. Z8 e- F
64 中蓝色 #3232CD
3 `; R$ R7 Z. E) F65 中森林绿 #6B8E23
  J; X# z: `/ v' ^3 \' W66 中鲜黄色 #EAEAAE
# s5 u* p% g) p' j4 f! C6 e: r67 中兰花色 #9370DB . c2 N4 i1 ]8 u& S) a( T
68 中海绿色 #426F42
1 v' ?0 g2 ]) u: v$ @9 X! I/ I69 中石板蓝色 #7F00FF ; R0 p$ O7 T4 V- H# C! C
70 中春绿色 #7FFF00
: X( S; t/ m$ s$ ]0 R8 K, J71 中绿松石色 #70DBDB 8 f, J2 A7 Z$ o9 m. r
72 中紫红色 #DB7093
5 F: r7 c: `$ q: L$ d73 中木色 #A68064 8 E" C' f! K7 q# t
74 深藏青色 #2F2F4F & e2 ^: c4 O' H2 A3 V
75 海军蓝 #23238E $ a/ J6 k0 n* E- j4 j. D; N
76 霓虹篮 #4D4DFF
8 U* Z+ `/ A6 m4 _% p  S77 霓虹粉红 #FF6EC7
# p, w2 Y  |) f3 C9 k78 新深藏青色 #00009C
" P6 ~6 @. C" U" J79 新棕褐色 #EBC79E
# `: c8 J1 i/ T7 W( }% ~80 暗金黄色 #CFB53B ( y6 j8 N( o1 e% T0 |
81 橙色 #FF7F00
1 S# p; y7 P& c% w3 B82 橙红色 #FF2400
. ]# t' x" Z' e: Z2 L: q83 淡紫色 #DB70DB
, j. ?) B: s, f4 R9 W" ?84 浅绿色 #8FBC8F 7 @8 H  [% _4 u4 U2 L% k
85 粉红色 #BC8F8F ) X, D$ u/ X0 z5 |6 D. E
86 李子色 #EAADEA ( o, V* Q0 S  P: m
87 石英色 #D9D9F3
) |, L2 m$ A' F, c9 }88 艳蓝色 #5959AB
# y, Y$ c, t: \% \2 u; B8 r89 鲑鱼色 #6F4242 7 I  V" x! e0 \# N1 S5 C9 J
90 猩红色 #BC1717 ' n. E+ \0 D9 b) s- w+ T6 M
91 海绿色 #238E68 & `; A: D/ Y! i2 |
92 半甜巧克力色 #6B4226 : K5 T  u6 N% l9 J6 \# k# }6 P
93 赭色 #8E6B23
/ @' l. J) I. l5 {94 银色 #E6E8FA (这个是银色). S" E2 E9 z# m9 _5 X
95 天蓝 #3299CC
7 e2 b8 s8 Q1 c96 石板蓝 #007FFF ! m+ A2 b% Q- X, Q" B5 v
97 艳粉红色 #FF1CAE
2 v: K4 [" K1 {7 F98 春绿色 #00FF7F
) J2 ]8 k' R" B99 钢蓝色 #236B8E
) }! k) F) v0 c" d100 亮天蓝色 #38B0DE
' L: }' S0 B1 n! G  W/ R101 棕褐色 #DB9370
1 O" N2 u( Z+ i8 I102 紫红色 #D8BFD8 & u1 P# y! u0 N& l. }3 g, Y
103 石板蓝色 #ADEAEA , N/ z: H/ _9 I3 Q7 M
104 浓深棕色 #5C4033 0 l: L7 f) N" b: I* A1 g
105 淡浅灰色 #CDCDCD
9 w$ p# n8 k/ e1 Q106 紫罗兰色 #4F2F4F
0 f' M- ^& q% ~0 F. [107 紫罗兰红色 #CC3299 * ]3 ]/ n, ?$ h" R9 P. v; j
108 麦黄色 #D8D8BF : ?! v$ C8 Y' f6 a& V. z& i
109 黄绿色 #99CC32
" p" K  U. k* ?( e+ v
+ [9 \( N- E  U$ P

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

使用道具 举报

沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]
4 c; U& r+ y/ k$ d, a3 Y) e[tr][td]
" M; Q1 C5 f, G/ D* y: D; q& m) ?

0 I6 j5 e. i/ ]% f; E: O
内容
[/td][/tr]
+ p0 x1 q& E% D# x: l- a* Q[/table<p></p>. P$ o+ h2 [/ q8 G
1 `4 {1 y0 h) D# T# C( D0 D

! s  e1 _& j+ ]9 t: J?
回复 支持 反对

使用道具 举报

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