开启左侧

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

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

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

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

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

/ T1 ]  o/ V8 ^- K4 c  X
简单边框之一:
- p  l7 k" H/ m& a- a( J
& T- E# h+ }9 F! l
单纯的内容边框- Z- g, K* ~6 R6 M% e5 S% D- `( S

, K$ u, z' r8 h4 m5 [6 r
8 ]; ]7 |/ ]- d9 `; `
内容
4 Z+ J$ T  S4 d" K
代码如下:1 }. j8 c! y. j/ c
  • 内容

    ) \  K7 z# F0 r$ U* Q# I
1 o& I% _& }0 u
复制代码

3 z0 z' N2 |/ \% z
1层边框7 Y% N- T9 z9 y9 S- z; b" R$ x
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]( \# a. X1 r' ~2 m7 J
  2. 复制代码
复制代码
$ h5 V- y5 ^( b+ w& G) x! D
7 m9 ^, ^. m4 U, A: h1 Q
  • 内容
    & f  i( K7 p; i/ t: B# s, n
5 d6 a  }2 P+ n
复制代码

7 O# m( A! h+ r: E& a5 y# B% r! E& L5 `
) f' L. k: u5 ^; N( K2 C
2层边框9 T4 U6 e) a# _! J8 H

% q; c1 s3 K: W+ Q* 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]
复制代码
, O! H, e* j1 ~# o1 Y& y

  O% _2 Y/ [( j% }( j  x, k/ v
  • 01.
    内容
    % o& ~2 F" y& J; u

2 E$ b5 \& H2 k7 S% U0 ?复制代码

; t* T' }5 U; U! \' a

! [- r% X; m6 P
3层边框0 a1 T' N% q, v) z" r) `
内容
代码如下:
  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]
复制代码
; O, ~8 r4 F& u# ~

% ~' q, Q4 N1 N
  • 01.
    内容

    % T: s( \6 h: y5 L! b

  ~8 s& z5 N% `2 s复制代码
7 M1 W1 K. I% C8 a3 [2 c
" C3 \' m6 B) [! D& Z3 l
! H) N3 M" \* G! K
简单边框二:
3 o0 _. F0 d7 H1 V4 b& `& x; s6 K
边框效果:" W# P9 M1 V* [8 ~8 {; f: _1 U% {; K

. |% h+ _0 J' q
内容

7 @; n) k. V* M+ x0 B代码如下:
7 p  @- M# y8 J. [5 \% L

1 t+ L$ G' o  C5 p& ?" Q
' w. g" W2 n4 ~. a4 g
* P2 S- `  G, M2 M! ~* T. D! O6 Q. G% N& I9 b4 E! u* K
1 m" L0 m1 y" V# I9 t4 L0 t* G0 d
  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]
    ) K, D7 i; @# A# y
  2. 复制代码
复制代码
, [% m2 K) D1 I, B

9 P6 s$ J4 I% w4 U. B2 o
) b2 `: {7 z# T1 e- [; e. _- j

' y- k, s( i  A* g+ f
    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>
    复制代码
    % F9 e( g6 u4 V" d% O
5 E! Q$ K6 h* d
内容
. N( @$ J3 i9 S' z. w6 i
代码如下:; C1 j3 U" w4 _5 Q% 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]
    3 O; g( U, e/ Z$ v' P' ?
  2. 复制代码
复制代码
+ e4 K1 b  l. j) d; o7 M

2 t1 p8 O  l7 _- Y( C; o2 l4 E

. _$ |; c- h2 \
  • 01.
    内容
      x- r  s5 g% A! \3 v2 C$ T

/ Y  f+ @& e% G$ t
边框效果:
& ~8 h& J; |! x4 \; F- D+ ~8 `, f! H  \4 r- a( Z, I" J

/ ?- K& I: Z2 V0 ?- G+ s
内容
9 Y: r3 |+ Y. b; s
代码如下:3 [( r0 z/ O: H, m# l8 Y( P
  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]! a6 U9 k& j9 i9 |' n! y# E
  2. 复制代码
复制代码
) p; Q/ e2 c% W

( l( ~2 B4 G) q0 W! X* @' o
! e; k5 Q2 N6 a3 D! v! p6 O
  • 01.
    内容
    6 n; J& q) f- U7 i7 \
+ R7 b! t% r! p  R! d9 b" ~9 H
边框效果:5 G' [: L" s$ \
( T: M1 _* z8 O

: o! y" ]8 I. ~4 B# F) Y' [
内容
- t+ o6 {, Z3 r+ s7 a
代码如下:
* X! @- r( `/ p3 V) v9 E7 [
  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]
    ) _  \5 r! m, e& H2 d: m( Q' A
  2. 复制代码
复制代码

  j. U& ~# c0 R* k( O$ O6 H( k; z* K8 E: ?$ W
* K$ q1 h3 ]: M# E: z
  • 01.
    内容
      _: v, \  @* F* g" X4 V

9 X3 N  }4 a5 ]8 f# a
边框效果:9 t6 Y$ t- e' f0 q; v

7 c: }" O* U# }( Y
内容

( c9 |" n! A/ [' G代码如下:
2 N$ l, C$ `) R
  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]' O8 M4 o! j5 f! x  z! i
  2. 复制代码
复制代码
( H( ?0 N6 e/ C3 F/ k
1 E/ n8 ^, ~, I2 p
" `% n* Y1 L$ m( o9 Q
  • 01.
    内容

    % w/ a1 x. P  l& g  L% m/ Q
4 s% G) [5 {* w3 ?7 u
边框效果:
& c" a/ P' R7 @; F0 `$ K) b7 R' j2 S
# c5 e9 ]5 Z" V+ J
内容

) z/ R% I( Z# O代码如下:
4 N4 a5 [: ?, P4 Z) X
  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]' N  g9 o& q) X- L
  2. 复制代码
复制代码
* ]/ g) k% e' ?6 n: P

! D7 q8 B, l2 Z/ j* ?
7 N9 e' M- m( Q0 S0 h
  • 01.
    内容

    6 R. V" P2 d- ^/ b1 S
边框效果:
! |% L6 P8 u+ E; _! }9 A& g; E

" A2 i: c" W% T$ \$ X* K6 \/ p" K( d
内容
5 r! u: r1 O* c1 y: i( `
代码如下:* y% j" `6 w& _" v& r$ t' G
  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], g1 t) A7 v5 x
  2. 复制代码
复制代码

3 L  Y) E" B% }0 o9 K
, t. o/ V! \" Q5 ~6 g
. ~; ], v8 r' m8 f; h+ @( Y, K
  • 01.
    内容

    * q- k. C/ I/ J' {) S% j! }: c

) B! S) I* j1 g$ ^& J
; x2 ?! Y$ L! M, z5 [
边框效果:2 W' r# S/ S# _# v* H. K3 B! h

. n9 L6 S  t* y4 \) d6 t
内容
5 T: A, P# U  V; c5 {  i- d- ?
代码如下:
6 C- i' n% r! }& N' {, z1 A# u- d" v
  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]* E$ b2 N$ ?- k% @
  2. 复制代码
复制代码
3 G$ A. w& v, x) C4 h& g
8 e3 F0 L: c" o* E8 Y

& R% ?& _- j! a
  • 01.
    内容

    7 x0 A) }" ]/ `( q% s4 n
- W- ^0 |" J! S" w) d9 _
边框效果:7 f7 ^# p  e0 P. i! J7 P& ~" F$ a

9 k7 G" D2 d3 ?$ I( A8 u+ r
内容
5 m6 v9 k3 F, \; T+ q
代码如下:8 l5 g0 `- q0 g$ }& L2 C" y1 w) _
  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]
    . i4 b0 y/ S9 ~0 \. n
  2. 复制代码
复制代码
; F8 j0 N, B4 D8 K& a

$ t; W: c; c. d: X% i: g

! \% m  q6 M& b, v, @4 O5 \: k' b# ^
  • 01.
    内容

    " ~! L8 f$ p2 }$ C

/ I5 p1 I) v" e4 ]3 x, g
边框效果:
# N  w- C; a( l/ T
6 j1 M: N% h' k- U* G5 }
内容
2 {' o" {, |3 f& r) G# M
代码如下:# K3 u5 Z0 w9 {( v' A
  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]
    * q5 a0 h7 B2 ~; {( w; x
  2. 复制代码
复制代码
) h$ x; T0 n) p' H% A" F7 g5 r5 q
' I5 m( q% [+ P# a( ^" m/ Y
8 }6 ~5 ]+ N& _% d8 `; [# N0 U
  • 01.
    内容
    % q6 q6 R! Y# s- w4 H
% g7 |4 |* s4 j
4 _* u% a% M. T1 v$ b5 Y
方法:, i0 u1 S. N; W! J
把代码复制下来.& Z: C6 c: c) n  }, S/ s
粘贴到你要写的帖子中...- n( q# I# c9 G# [+ G! ]& T
然后勾选文本编辑框右上角的纯文本...% d, ?/ c7 m* |
你就会看到代码.....
9 a: l" s" K6 q* b8 Y6 D( U! V其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]  A- ^/ ]5 V8 d  C
table=560,#ce0000     第一行       #号后是要你替换的颜色代码
. w) @3 q: Q2 d/ u+ O) [/ k$ Ytable=550,#ea0000     第二行
; N) B5 D  U* `table=540,#ff7575      第三行
, j: G- T1 a- ?9 n/ `% \) n3 u4 dtable=530,#ff9797      第四行8 I* u2 y' t% P( r
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

+ d( d3 X' ?) x
( R# [& f, _' N4 `

. G( @2 b! n: o备注) f$ G! A9 w$ O4 F7 h/ u! E

) X2 M. y! G1 H" u帖子里“=560 ”是帖子宽度  #999999是颜色代码。
( h' s, \7 I) l% H) t8 B$ U如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”/ K* {% {( t, P3 @: W" W
8 z3 `/ w8 c9 L) Z7 s9 ]
table表格大小不要超过560,超过发出来会自动变成98%
% |4 m  p" X4 C, t$ ~7 ^: x( B( S1 N! Z9 K
颜色代码:; P8 {7 V0 [: s$ H0 {6 R! ?. @/ [
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
( D! u, F, R: S7 p1 z) z$ f$ J  ?3 T8 i3 P& ^5 h4 Q
效果:
+ h3 s) W* A7 t' j1 y! z  r" C% X% E0 a- J& w; @! C
1  白色 #FFFFFF (这里有一个颜色哦)& e; D! j- Y4 \& M' X& C5 q( e
2  红色 #FF0000   g. G+ k+ d6 Y
3  绿色 #00FF00
. d7 u+ I; ?( P% T4  蓝色 #0000FF
; u4 ~4 t( Q/ f; y, n" t1 e5  牡丹红 #FF00FF 4 E  P5 q* F* k3 T/ b6 u
6  青色 #00FFFF
" D/ _1 L& X. o2 M9 ^7  黄色 #FFFF00 ! o8 {8 d" Z# g: v( s! I
8  黑色 #000000 6 j  T5 b8 E7 c) r. E$ c
9  海蓝 #70DB93
0 w8 o$ b$ s; K10 巧克力色 #5C3317
! `* U' v& ?: B: O) r2 ^11 蓝紫色 #9F5F9F / u, a0 q; T9 }0 ]+ Q: y% _2 I- i
12 黄铜色 #B5A642
4 m" C: J2 @( o13 亮金色 #D9D919   Y6 x( t8 `. n( \) C& Z& j% U& x  E
14 棕色 #A67D3D
* n5 k5 O" y" c3 M15 青铜色 #8C7853
' U! k9 h. A% C4 l% }16 2号青铜色 #A67D3D 8 u- ~, o3 _5 [; I$ [. q* [
17 士官服蓝色 #5F9F9F
& w0 N( v/ t7 S+ z18 冷铜色 #D98719 2 |% h' L2 W2 ?* _2 z1 U- K
19 铜色 #B87333   i. u( t$ k; r2 @- d% \# v9 Z3 B
20 珊瑚红 #FF7F00 4 o% C6 N2 x6 X6 s& {) i  R
21 紫蓝色 #42426F / R! H6 s2 `. {1 h) e
22 深棕 #5C4033
( ?& o. U" }; y  P7 l: A23 深绿 #2F4F2F
. h, F/ A! b7 f1 u" ]+ e24 深铜绿色 #4A766E
$ {! h+ V! k. z, ?% l25 深橄榄绿 #4F4F2F 8 Z: ^3 d! R8 Z) g' [( x
26 深兰花色 #9932CD * Z2 ?- v, X- o8 G$ }  a/ u6 A. w
27 深紫色 #871F78 ! H( N( m# z+ Z- m6 [
28 深石板蓝 #6B238E
+ F- k0 L7 D/ ^, F& z( c, b29 深铅灰色 #2F4F4F ( g! l; z/ V( T4 D. [: G
30 深棕褐色 #97694F
3 A% X# z; h# |9 V) r# V32 深绿松石色 #7093DB " g$ x7 j3 b9 u+ L7 ]
33 暗木色 #855E42
! M4 Y4 p8 {6 f" p( g& q# R6 v  w34 淡灰色 #545454
6 |/ u9 T0 v6 X/ J8 k35 土灰玫瑰红色 #856363 1 B" J6 Y% D- q6 u. {$ M. g
36 长石色 #D19275 ' m* A( V: C2 }# }3 _* s
37 火砖色 #8E2323 $ P3 ^7 v+ i0 t% {$ K
38 森林绿 #238E23
# t6 G% C, N+ |- h39 金色 #CD7F32
& `7 o6 }9 ]/ g2 q% ^, d1 x' i' N+ u40 鲜黄色 #DBDB70
2 W' E( B' z5 o' w( d41 灰色 #C0C0C0   I8 B' Q3 r; U) g1 ^
42 铜绿色 #527F76
$ g$ T! F- ], O# u43 青黄色 #93DB70
' ~. [- P& F7 _* K2 Q- A2 K44 猎人绿 #215E21
/ ]+ X" I4 ?7 a6 f' M% X45 印度红 #4E2F2F 8 D$ N4 t* w( A6 n
46 土黄色 #9F9F5F & c% ^& a, O9 s$ n( j2 C0 u0 W: J
47 浅蓝色 #C0D9D9
9 Z) v$ K- ?; l  a$ l, Z9 ?48 浅灰色 #A8A8A8 8 J# [+ K  _( c
49 浅钢蓝色 #8F8FBD 4 }0 l% P6 h! k5 V5 M0 a
59 浅木色 #E9C2A6 5 D+ ?/ e4 W/ s$ A- Y
60 石灰绿色 #32CD32 + z% `, K$ X, z, l( E) B
61 桔黄色 #E47833 ) f+ _9 b* k) z
62 褐红色 #8E236B 6 P: e: |* x9 |- L) @" _" A$ n$ L
63 中海蓝色 #32CD99
' o4 N7 S6 H) f& Z: H* W64 中蓝色 #3232CD ( i, N2 N% ^7 l+ o& @
65 中森林绿 #6B8E23 : u, j& M% I9 T, q0 b6 p' \5 y+ h
66 中鲜黄色 #EAEAAE 3 h* I4 c, a$ ~1 G
67 中兰花色 #9370DB
; A3 u) y( r: i$ X- {6 D68 中海绿色 #426F42 7 J8 C$ Z" v/ q6 L. K# X! V
69 中石板蓝色 #7F00FF 4 G. A, k! A# t5 z8 s
70 中春绿色 #7FFF00 ' `8 }& ?- F; r. i4 P; J! \5 J
71 中绿松石色 #70DBDB
% x+ Z% ^) G# L( {! f6 n" G, n72 中紫红色 #DB7093
$ a' x5 z5 a2 G% H5 A5 j! |: r( J- [. R73 中木色 #A68064
! Y& h' e% e3 u$ z7 H- R% w# F' O74 深藏青色 #2F2F4F
# g9 X+ K1 o6 F75 海军蓝 #23238E
1 i, [9 j& o7 T$ k" d76 霓虹篮 #4D4DFF ) W: K. N1 z$ m& i1 I$ n) I" a
77 霓虹粉红 #FF6EC7
1 e- Q' k+ p( G, }  w  _2 e78 新深藏青色 #00009C
9 Z& \- _! ~6 I& f- w79 新棕褐色 #EBC79E 6 ]" Q' ?+ G' f
80 暗金黄色 #CFB53B : @1 P1 p$ |0 f$ A7 I2 x
81 橙色 #FF7F00
1 [" E/ P9 Z* _1 \* [# o82 橙红色 #FF2400
9 I0 l& n4 ]4 f$ t" @83 淡紫色 #DB70DB
- f1 k( b$ o; w0 K% J1 ?84 浅绿色 #8FBC8F 7 e0 ~1 Z3 u9 o9 q/ {; ?
85 粉红色 #BC8F8F # U, d8 y2 V1 l  u% L# u$ c" J
86 李子色 #EAADEA
$ ^' N( |) ?1 E+ [2 Q1 I87 石英色 #D9D9F3
9 @: I( u" D$ C' g. ^; ?3 l88 艳蓝色 #5959AB
1 \3 w( M' p# C* p; S) `89 鲑鱼色 #6F4242
/ V6 Y5 v( \2 e. j  o/ ?* B90 猩红色 #BC1717 ; p/ u' ^& W& n& f
91 海绿色 #238E68
# L0 L) [$ R% N9 i( d# l92 半甜巧克力色 #6B4226 ( T1 Z1 V! ?( Z6 f1 _, j
93 赭色 #8E6B23 / R0 n  b) U" y7 V, p+ g1 H
94 银色 #E6E8FA
(这个是银色); g/ H' T/ B4 c" X) R! y+ }5 _  N
95 天蓝 #3299CC + s; a6 w, l- K# t& D4 w1 E0 D
96 石板蓝 #007FFF ) G' q0 J$ L7 w1 R" j; H
97 艳粉红色 #FF1CAE 1 Q4 A4 ]. }1 g4 ~% r
98 春绿色 #00FF7F ! N" w4 I6 i  f  P% L
99 钢蓝色 #236B8E
: K  {4 a% H+ U1 r% i2 J) A100 亮天蓝色 #38B0DE
$ W  [( J* c- `101 棕褐色 #DB9370 & i; ^! r2 Z! n& j8 A: d
102 紫红色 #D8BFD8
. O: Z  M# B! W0 `; N( M103 石板蓝色 #ADEAEA 2 `# @. w& [" s8 y
104 浓深棕色 #5C4033 ! M- |0 L- h1 L6 X
105 淡浅灰色 #CDCDCD * a9 I. |1 G, @. e- d$ i( O$ X
106 紫罗兰色 #4F2F4F
% C) [/ y6 F( Y- ?: j% v0 S107 紫罗兰红色 #CC3299 8 M* n) j4 T- U
108 麦黄色 #D8D8BF
4 U- W- ~% }# S109 黄绿色 #99CC32

" l% o8 l; n& A  \% Z0 \- M  c

+ h! l+ d3 G3 G" Q

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]
2 k4 G3 G/ V2 R. s8 Q[tr][td]
" j' }2 A! y+ P
6 @, \% ?2 C: ^# Z6 a' \
内容
[/td][/tr]
; d) B  e5 _: l[/table<p></p>. y) F9 e2 _7 F/ x& l+ [

3 K+ F  u9 W+ y7 R$ M: ^% s
, |% `3 R- F8 f6 N?
板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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