开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
8 }6 p0 x( t" s& \
简单边框之一:
- ?8 {8 q5 K& a1 F$ M. `
: i9 ?! u* \) }& N# m
单纯的内容边框
- Z. p6 S1 z% P: {) c. F- q" Q( `6 c. K  q
% I0 t7 f+ m: e; B
内容

8 O- i+ p% F. D3 I7 o7 ^& g代码如下:. n! ?' O. t: x. A) \6 ~8 @
  • 内容
    0 d1 P) \. Y+ e# O

6 P/ Z0 u  Y$ s$ q8 @复制代码
. {& n; X  P$ U
1层边框
. M! ]" B9 [4 H$ {* }1 Y+ g7 W
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
    5 U1 X9 o! U$ n3 p' e
  2. 复制代码
复制代码

1 W( A/ f" t5 }& Z9 T3 V4 m( f, K+ E& \8 r) y" R9 |
  • 内容

    + b+ L+ \; f4 N( {
: E' ?/ a6 l# Z8 z
复制代码

% ~7 H' i  T! v" o; R% U
( S6 m0 n% p! {; m, h
2层边框
0 k' S9 Q/ I5 F! l; G$ i" J0 K4 l: I
内容
代码如下:
  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]
复制代码

" i% {% ]: _' M6 E
% ~8 u+ O5 d/ p+ G+ U! t0 |, `
  • 01.
    内容

    9 n; D1 ?: {; b5 d0 v% f# X- m
0 ?9 h3 C/ @9 Z0 c$ f# h2 Y
复制代码
- @: s8 a  b3 x
+ q$ h2 N3 f% \9 m7 G+ d
3层边框) v$ ^9 H" F) L' x( r, 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]
复制代码
6 |2 x6 Z" f  V) o& Z, ?' @
, O8 f' j+ X8 L0 ~6 K
  • 01.
    内容
    8 [! W( j) ~* c( }

; V0 ^# A% K$ k+ I- S! e复制代码
0 k( @/ f: j4 m0 p, q, P2 ^" `
: Q* v# Z9 H  P. l
: n7 O" C6 g1 q, E8 Q; P9 r
简单边框二:7 n5 t# c# |/ `$ f

# e8 g; `; a5 h: J6 x$ J7 O( Z边框效果:
7 L, B2 P% R, ]* }9 q& y$ }  [7 J
9 N1 k# D0 A& w% w! \
内容
% b, J( Y, Z$ u/ C  a$ j, A9 t
代码如下:, M  S) |: j4 C

5 T; X+ i% p& `! R. f3 [. I0 @! D9 ?9 G

1 f5 E) y% m: s3 Y" V) ?6 H" @8 x. [8 e- |
" @8 S( t2 Y, F6 r
  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]
      [: u* A$ j0 Y3 L4 u& L
  2. 复制代码
复制代码
, F7 {! a1 L9 V) a; J
6 e6 U1 k' h# B- F9 X. p- U( S  m1 k

/ C# Q8 W/ Q* A( U4 E! H
8 e: `+ w+ r$ c( L3 D
    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>
    复制代码

    6 J# }. n0 a3 E+ u2 S; o
: u6 \- F; a$ I9 U6 [3 o8 G
内容

3 C% J6 X; c( s8 }* R代码如下:; x4 }" ~; @: U9 i2 l2 _4 N1 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]9 x, \7 H8 D) c& u
  2. 复制代码
复制代码
# N! b3 M  v0 p* d9 w# P1 u

, j: J4 W" V' I9 r0 N
3 U- g: C" t. X  `; l' L! f
  • 01.
    内容

    * {6 D" [+ p! @# o  E- G
/ {- x' B  `5 A, [, j, c
边框效果:
! i- `8 Z: `$ r$ S/ _' r: a  \& p% R& R$ m
7 |& _, u, s3 Q5 @
内容
6 w; M# [+ r3 p- \$ y
代码如下:
  V; g) O/ [' E: O1 z
  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]
    ( d% b% u4 h3 g0 u, q
  2. 复制代码
复制代码

3 {( D+ B6 K9 h+ n1 ~9 K; P8 U6 o; O2 q& t9 o' s

; `7 @2 L) s: H. k
  • 01.
    内容

    6 Y5 w, s4 K$ Y" H+ l  B/ `: h8 R
& B* x4 w! n4 ]; g  I7 V; ]
边框效果:
% m" X' R% t; C
  k2 J: N2 D# g( G4 o
7 [$ J: f2 C  U1 Z" d( N' h$ q
内容

3 @- }; I* j: D9 K" I代码如下:  T( A3 Y  w# \0 O- D1 d$ P, c
  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 d& ~7 T$ e; h1 l
  2. 复制代码
复制代码
# E7 k( I  r5 l* \3 X5 R

; w; Y, r! M- e$ ]: F+ S4 A
3 h9 ~1 Z7 K3 w; r$ a0 n
  • 01.
    内容
    8 T; h$ @$ m. P/ d$ Z
6 p  \/ r+ v1 }" C' c9 m
边框效果:0 j& S& C5 d* G! _- i/ y& _
5 v; c2 P( L' ?! _7 w5 A3 p/ i
内容
0 E# p' ~7 c, t: B8 S
代码如下:* U; F- O, \2 O2 h& O4 N2 n% G8 E
  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 i: P8 t8 ~2 m3 M5 o1 Z$ i
  2. 复制代码
复制代码
# s" t* T; b" Y& k" [% Z4 ?! f
! z7 F% y7 y' f; S

& I% A+ J7 I/ Y; d$ c9 G; I( ]
  • 01.
    内容

    ! h$ ?5 k: w! g+ j* y! _3 P9 |

  j0 G6 ~9 b1 F- t6 X
边框效果:
( z7 ?; `% B8 t2 E

) |' M' J, u: P
内容

; m0 V: |; F8 M% E3 Z0 y& W代码如下:" o2 B" A7 ^  t' |
  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]
    9 f: h5 ^( J, T$ ~
  2. 复制代码
复制代码
$ ]! C: O- d  ^0 \/ Z. y2 M1 r
" u$ ^( g: {; z' S$ y; P4 Q

8 z! x) u  i2 O# D
  • 01.
    内容
    ' |8 b  _* P9 M) J
边框效果:9 D5 C1 P5 @4 y& T0 v
! N. d! Z# F' O. u
内容

% H/ k! F' {3 n+ e1 ~- }( L9 n, B代码如下:
5 E6 A+ `& m$ j* v
  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]
    6 @0 \3 Y. v" w7 w" z  X! |4 M7 M6 F  y
  2. 复制代码
复制代码

/ \& F  V) i1 m  t/ Q& C. w& v% f& |$ x  a; B

) z8 p( {( _  f3 }1 E9 c* Z
  • 01.
    内容
    4 R9 Y  E+ b) e7 f
4 A9 i: N/ }! n/ n$ C

+ i9 K9 T" @- |边框效果:
! M+ a. U$ t/ n) R$ M  j
( y1 z$ d! [! O4 l
内容
6 ?; g& Y  s" n$ J+ E1 l& P6 R6 s
代码如下:
7 F& B; r- V# V: a$ r1 G0 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]
    # U% G% D" v3 r: O! ~/ p  t: D9 E9 J
  2. 复制代码
复制代码
- r  g7 g  d1 A; g! `4 u; g. u5 z, f
+ _% j# I! `6 Z

7 d1 r. N3 @5 h) N
  • 01.
    内容
    9 W* l# u* I$ R( e; N( p7 f% I

1 S! C# C7 F  l" N) g+ F
边框效果:
; T7 e1 ]# E6 x1 y$ D: A
6 m7 K# S% T1 d) k  M
内容

/ m9 g- f7 I& G& Y/ p! r) ]代码如下:" n- ~8 L2 p' I1 N  B/ ?
  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]
    & v& F2 ?( {4 |. v( U+ ?4 g
  2. 复制代码
复制代码

& [& y2 c, F9 S. s& K
, S, a  E- b0 i1 I  h5 r. c6 E" ^

4 F3 L+ R! F% c4 W6 `
  • 01.
    内容

    - R1 e- s7 {( c

& x! Y! J& g2 @& i
边框效果:/ E# [4 m, r; H
5 g# ^6 c( z, V+ X
内容

" L. O" G+ x0 s/ k6 ?, _$ Z代码如下:
. R! u0 K7 J+ e5 I1 I$ b& I, S( B2 o6 _
  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]! C* m5 J; v5 \. z
  2. 复制代码
复制代码

" m0 i% W, z2 w* w0 u
) O4 ]( p  {; a9 Y- |1 g, a& Y
( b' I" |# T$ b! I0 s* n
  • 01.
    内容
    " m, w" x0 M  r1 D  ~

0 U* ]8 K# ~7 T. M
* d; V; V8 [8 e$ r1 Q
方法:1 m7 z9 \: |& m6 G% g  n
把代码复制下来.
; ^- k1 M$ N- ~! L2 D粘贴到你要写的帖子中...; Q' p  c1 q* k" M$ J1 q; y# L
然后勾选文本编辑框右上角的纯文本...
' O& |3 U8 |, b+ Q  I5 g& ~0 X0 h你就会看到代码.....- j' Q, Y; Y- T
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
& ?- q; _7 c9 N# Stable=560,#ce0000     第一行       #号后是要你替换的颜色代码8 ~7 z+ N7 ]1 B' Z/ u* y/ |) L$ f
table=550,#ea0000     第二行
* p. I+ s  |+ btable=540,#ff7575      第三行4 r& ~5 l! ^& U# x* \
table=530,#ff9797      第四行
# u6 |# X* R" J. p/ f  y+ b然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

0 {: Y: c: i+ N0 g
) g* N6 o4 ?& u2 _" a0 A
- ^: D8 e! m9 g3 o4 `" `0 V
备注
" G1 G9 T) |  m3 y! E
% E& M7 Z" ]1 o2 e帖子里“=560 ”是帖子宽度  #999999是颜色代码。
8 t+ `( h- w/ [. \8 H  z如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
  d; S  Z) j2 ^+ c2 ~. e
) K' E, f8 `7 f7 x2 }, H  ]table表格大小不要超过560,超过发出来会自动变成98%
# V: u2 Z$ z) ~2 q% O" i4 d+ W
颜色代码:4 ?" Z2 c( |( O; V: E3 Z
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
0 |' U( u' ^) j0 R5 m4 L& T. r( r
. Z" k, R8 ~  v  t$ E  \效果:3 I% e' C( ]8 l" n& B

! x5 |0 _* f$ ~# {* f7 s1  白色 #FFFFFF (这里有一个颜色哦)
% L. `- W  c2 }! n
2  红色 #FF0000 2 E, ^' J# |8 g, j3 _% |) }
3  绿色 #00FF00
& {0 U) {9 ?  N& V1 K" ~& T4  蓝色 #0000FF
/ M. P; t8 ~( n, d0 |5  牡丹红 #FF00FF / M: i! p+ i! T. n$ E/ A; {
6  青色 #00FFFF
- z# l. b: A6 n# e; {; q" i' O, U7  黄色 #FFFF00
2 [7 Y: k$ ?+ l5 A& O, E8  黑色 #000000 8 g9 a( e) b. S" Z4 [. y9 q5 q; u$ [
9  海蓝 #70DB93 ) }8 u. n4 c3 D" r) ^0 T& q( \& y
10 巧克力色 #5C3317 6 F! `& s& D& Z
11 蓝紫色 #9F5F9F 0 J# v  |  F4 E, @- J
12 黄铜色 #B5A642 9 Y$ J" |0 A# V/ n
13 亮金色 #D9D919
: x: J7 X# `6 h/ l1 V  w! N14 棕色 #A67D3D
' u9 F# P$ M# Y% y1 b15 青铜色 #8C7853
* n% s( Y" ~3 Q5 d$ [) c. i6 B# `2 d8 d16 2号青铜色 #A67D3D
, P+ r( G6 ?0 \8 u& {" n17 士官服蓝色 #5F9F9F6 y+ B4 S) ~8 Q4 Z* m
18 冷铜色 #D98719 & J% G" V2 l& f/ b) G& h, _
19 铜色 #B87333
5 B0 U- Q% T. t8 |& i* N5 f20 珊瑚红 #FF7F00 2 ]6 k* ^& [7 }) r9 f' x
21 紫蓝色 #42426F 5 W8 x1 P6 M- f
22 深棕 #5C4033
2 C1 d3 _3 U, i0 B7 R) M+ Q23 深绿 #2F4F2F * }7 V7 D$ u+ {5 ~
24 深铜绿色 #4A766E 3 g4 O3 z1 \4 L* b) }+ s
25 深橄榄绿 #4F4F2F 2 S6 Y4 Y4 c( u9 A
26 深兰花色 #9932CD 2 B  ~" D0 X  N% Y9 v5 \* H! n
27 深紫色 #871F78 : t+ _9 e8 y+ N+ m$ E
28 深石板蓝 #6B238E : o$ e% A5 W2 ~2 b, T6 b8 t
29 深铅灰色 #2F4F4F
( e# y# R2 G& o30 深棕褐色 #97694F
% f4 B" K$ H4 g9 N+ p32 深绿松石色 #7093DB
# W: g3 `1 V) G, j+ T7 O& X7 @33 暗木色 #855E42
: o" m% G5 [' u$ }# [; R34 淡灰色 #545454
4 B2 |, }, B9 P( H7 a) t# z35 土灰玫瑰红色 #856363 & @: d/ k8 w- i+ ^1 R; o, ^
36 长石色 #D19275 * N4 b* m% l/ ^1 b% I3 s4 l9 k; F! I
37 火砖色 #8E2323
2 W# ^/ `$ p& [/ A+ E6 x$ s9 C38 森林绿 #238E23
2 |/ Y+ b3 q7 F7 J! ]39 金色 #CD7F32
: H( r1 e# z- J3 J; c! b, j( j40 鲜黄色 #DBDB70
. U" y& j. i- t8 G1 Z6 ^; g41 灰色 #C0C0C0 ( z" I2 v' O4 O
42 铜绿色 #527F76
7 t' V# |6 z4 W3 I' ^- Z" d43 青黄色 #93DB70   c8 m+ X* _% x1 k; x# o. b
44 猎人绿 #215E21
& C4 U) ?9 @$ y9 g1 W45 印度红 #4E2F2F ' z8 F3 M  b# C( ?
46 土黄色 #9F9F5F
2 l. X  c( m6 h47 浅蓝色 #C0D9D9 5 D4 M* ^1 e7 B( A: g
48 浅灰色 #A8A8A8 ) ]+ ]2 u7 A  e, t5 c: x
49 浅钢蓝色 #8F8FBD
9 b0 T' q6 {' L. a59 浅木色 #E9C2A6 & B4 Y6 v$ Y) C/ a2 B0 V, H2 g1 Q6 Q
60 石灰绿色 #32CD32 - w( n5 X7 b2 @9 G/ j# e
61 桔黄色 #E47833 $ q0 @$ i: x- \& n' o' P3 `
62 褐红色 #8E236B + y7 }$ Q  i  Z1 L! Y+ V7 K3 i
63 中海蓝色 #32CD99
, U1 z0 H* L, [" X. Q. h3 X64 中蓝色 #3232CD ) q0 x3 M- T/ M
65 中森林绿 #6B8E23
/ e2 L) T- r9 X  n6 g( J66 中鲜黄色 #EAEAAE % a4 U3 V9 A& ]8 V5 a+ @4 ~7 z
67 中兰花色 #9370DB
) A4 V  X4 C/ W5 j68 中海绿色 #426F42
# f$ @' P) @+ R" G69 中石板蓝色 #7F00FF * d, C) H& b) E) {8 w6 r+ B, ^+ u
70 中春绿色 #7FFF00
, v: f! [; N0 w1 T4 y71 中绿松石色 #70DBDB
5 q  m! ]# G% v+ f" f72 中紫红色 #DB7093
$ ]4 q- s: Y, B* z5 ]; X0 m" M73 中木色 #A68064 9 ?7 i, C) {8 m0 y$ j
74 深藏青色 #2F2F4F : l* r! Y7 F& B) ~
75 海军蓝 #23238E 7 k" d% y- i+ c6 T3 O! x7 J! ]( V* v
76 霓虹篮 #4D4DFF
2 i, ]4 {7 v+ N  Q* W/ {4 {77 霓虹粉红 #FF6EC7
) \& \5 X; S2 k9 z9 y9 v78 新深藏青色 #00009C
7 D! r. ?; J  x5 \# T) G79 新棕褐色 #EBC79E 7 q1 A0 W0 J# s4 t9 w7 D: v
80 暗金黄色 #CFB53B 1 A8 L8 ~8 j+ N
81 橙色 #FF7F00 * D1 |5 E" ]$ W; j
82 橙红色 #FF2400
+ H9 x; a2 S; G. q8 A8 m83 淡紫色 #DB70DB # b9 N  n( x2 q' B
84 浅绿色 #8FBC8F   q- Z0 {6 S: H4 {
85 粉红色 #BC8F8F 4 m! S! N, n# N" F
86 李子色 #EAADEA 0 f$ A4 v6 ?: v. }
87 石英色 #D9D9F3 7 ?( O, g0 B+ Y& {: K! e
88 艳蓝色 #5959AB
; a; E4 W: ]1 T3 M8 L$ D89 鲑鱼色 #6F4242
& l7 M3 e. ~- u! T( R7 ?4 n$ z3 A! _90 猩红色 #BC1717
0 E  i4 W6 G2 O! C6 o91 海绿色 #238E68
+ F7 }) a: R! \92 半甜巧克力色 #6B4226 / c1 n3 E6 Y# J% B, @6 P& W
93 赭色 #8E6B23 : E$ K/ M6 I' A! e& ?
94 银色 #E6E8FA
(这个是银色)
7 P3 E8 |0 ?2 V. }7 \- f, m/ P
95 天蓝 #3299CC
/ I% ~  D/ e, N8 V" n1 T) C96 石板蓝 #007FFF   q" G2 Z9 V7 x2 x' N
97 艳粉红色 #FF1CAE
3 P- Y5 l6 }, t5 P$ c0 d98 春绿色 #00FF7F ( f* I- R% S( |4 H
99 钢蓝色 #236B8E
% D6 W7 ~% H" d8 x100 亮天蓝色 #38B0DE
8 S, b# T% o0 O9 p$ P101 棕褐色 #DB9370
' Q) g$ B5 b1 L& K9 w& ~, V102 紫红色 #D8BFD8
' c& Z& s. V* R( ^4 s# |0 |$ @( n103 石板蓝色 #ADEAEA + N2 A6 g# A/ n# U; Y% N/ ~
104 浓深棕色 #5C4033
0 i5 _  h3 \' i105 淡浅灰色 #CDCDCD
0 X% d1 K8 h1 m" q' E/ o* [106 紫罗兰色 #4F2F4F # M0 j& {5 M* q" D
107 紫罗兰红色 #CC3299
6 u9 @# a5 U1 k4 N* o6 R! u108 麦黄色 #D8D8BF
* l: k( P; V. \' B109 黄绿色 #99CC32
( C/ Z: ], l+ y- e
) y' C* Y' A' F7 M


转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
发表于 2016-6-24 11:49 | 显示全部楼层
table=560,#ff9999]
2 s2 q% p& h& n* S[tr][td]- B9 L  N: A' R3 w* D2 B

$ l! A+ {( f; K  G" K2 e& R, D
内容
[/td][/tr]
& ^( A. ^3 D- i% M[/table<p></p>
, H' L% w6 e" w1 u3 @# B( M0 q. ^  P: K7 a# g! ]$ G1 c

/ _, i1 ]" \3 h?
发表于 2016-6-24 11:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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