开启左侧

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

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

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

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

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

  b3 ?/ K+ u: T+ e2 e5 }
简单边框之一:# [1 R4 n: p8 L) B  `7 q4 n' B& w/ L8 E

+ z6 z/ c/ n; U% ?
单纯的内容边框
& ]; j' K* d  m
8 x( u2 W8 m- p: o/ t% ]+ ^' ^" Q8 s
内容

# @3 X- K" }0 C. T) M/ n: R代码如下:
7 ?; G- C/ X; i. Q( p
  • 内容
    9 L* Y- H) @+ U. o7 u
9 r) x1 d& I! h% N9 _3 E8 S$ l
复制代码
7 p3 B) A; @+ |, ]" q
1层边框( L( W0 a, C) W- }2 [0 s
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]% I# O! b' x5 ?7 o% |6 t% Z" d, z
  2. 复制代码
复制代码
6 X* h, A5 t! W& Z. R, q- {
1 y% W9 W- j" Z1 P2 m, t
  • 内容

    2 O/ g; q- S' i$ l/ c
- Q/ R) k' c6 E* I) ^5 F) l1 y/ y$ x
复制代码

0 N( v  j4 c+ R8 |6 p

, f( F( {4 M( e- m* q4 r" t! W1 T
2层边框
* R; H" b' h/ |9 T4 {$ g: K* O4 P: t
内容
代码如下:
  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]
复制代码
4 H$ |# i: B: e( w* _& Z0 P4 ^1 S

  h1 Q, F! E  u- s, d; M
  • 01.
    内容
    / B& K  b. Y* o. _7 i+ ]

/ z" U% V, ^% x; g复制代码

4 P, P1 }+ P% ^7 V1 F0 [. b2 z9 g

9 D% g1 K' H+ k/ P$ K' C
3层边框+ h! d( Q' Z! {# P7 Z' x; P
内容
代码如下:
  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]
复制代码
7 L! t+ B* J& K* U  r

' ]' ^8 Q, J- t3 E0 u# s. n  ^
  • 01.
    内容
    3 O  ?+ r! x1 M$ b) l, i
, b6 L+ ~4 B# x# }; p2 S: f# q
复制代码
" q4 @, f% r6 H) p* a# G
, f, z8 r. Z; K; a
. E+ R- S& v' t  I% a! C
简单边框二:
" J7 b6 |: j5 Y) b  o; n' h
! k0 Q! x! n5 {8 |( ~边框效果:
. a& @: C* T& o! ^3 F

+ F& k$ h, x8 l0 ?( P! `
内容

& @1 V. J% n2 o- w5 Z4 o代码如下:
9 {0 o- i6 `0 j* t4 Q$ ]( o) x

7 B" c( X( ?' `# r
: x/ d% M5 k# C) F; W4 n+ }- ~8 A$ s& z! @7 n5 r/ _

& ]  G$ K3 }6 m' e2 J, e+ {- e, v% K# o/ t
  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]
    ! n* h; {# }' m! u, {' O
  2. 复制代码
复制代码

' j$ V' @) A+ r$ P

: ?6 Q" M8 N8 J" w/ a2 D" ]9 f! `8 h) K0 o8 {) ~3 L
# |0 T( p) a8 q' b0 I! z; ~
    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>
    复制代码
    % J2 l  b* E2 Z& @* _5 \

& E" z* W' r. s# O
内容
+ q+ u" v& |, f8 ?
代码如下:
2 c# c* {" _7 ~) G
  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]7 v* ^  Y) d( s% R, o
  2. 复制代码
复制代码
$ A9 R. J/ ]; q7 V) N, C7 G
% w6 o% A. ?- }2 e; n3 A9 \

) M8 h- c3 }' B/ n# B2 U
  • 01.
    内容
      I4 i! |' z  q1 w, n
- K+ R; [/ Z& Q* ^" r+ I+ j9 b
边框效果:
0 p, M6 _) R7 {3 N: e! m, D# Y' F1 P

- i4 @- G. r+ g6 S6 `  O. R# e3 A
内容

2 h" T) h! U3 D" E! h代码如下:
* |) w* E' T* \4 }* H: P) S
  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]: I, D1 f) h0 G6 K
  2. 复制代码
复制代码

1 f. G- t* t( R
: r' g9 O0 X! M9 v% }3 l
) C2 n7 D* v  P% B, J7 u
  • 01.
    内容

    7 B1 S" T7 x" q6 R4 Z) b7 j
" g7 b( t& L6 |' q' o% H4 _2 k
边框效果:
) [3 X. M' B1 M" l  K/ J9 Q2 _& x. ?% ]* n0 c
( W' g! g$ E5 F
内容
8 ]0 q) [* ?4 `" W; y- x9 M+ v/ r
代码如下:
& e+ c, t6 B5 ]5 T) S; g
  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]' `1 R; w" o) f% Y$ k2 ?& O0 t# [; \
  2. 复制代码
复制代码

' V1 G3 f6 D9 v( Y5 v) o8 Z, V3 g* n4 i2 ?* y

7 U4 L7 h+ P! c/ q8 E
  • 01.
    内容

    8 n) ]) V& v& ^1 ^

/ p9 ?) d5 d9 v& w. x5 C, y! G( N
边框效果:  t5 t) K) ~( |& r" H; a/ R
9 n: R/ ~$ p& o* T" }5 |' w! H
内容

! K# \+ x6 H2 @3 z. G/ [& S- h代码如下:
6 ~/ f; d, C" v
  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]
    6 I) N3 r8 y. U, y  w; k3 ^3 J2 Q
  2. 复制代码
复制代码
9 M' z7 P- k4 h

' `) p" X3 X! s" p# o

2 H- K  o. H/ l' c
  • 01.
    内容
    : a, _8 q8 H6 L3 q. m- {* J8 I0 V3 O
1 @% r1 S# \( g* n
边框效果:
) F+ i; O3 ]: V: s5 I% E1 ^

! n, z8 m( b2 J' i; a) I( |. b8 L
内容
4 r6 B2 \& W; z) @  A
代码如下:
( K  W$ H( R9 N. a
  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 ]" c& h% [/ @
  2. 复制代码
复制代码

+ ]6 J/ W, h  N+ D$ E  ~) \6 g% b  l7 _; g1 q

6 m, j( ?" T$ V$ k
  • 01.
    内容

    & W8 {& u# x- L3 W1 e
边框效果:6 K' G2 J1 @! K: |( A
- i% s& X1 v4 p5 F
内容

. o+ ^- W! F4 a! [( E% o代码如下:, n7 ?$ }* Y7 H( q& Y- I
  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 U; i) t$ M4 |
  2. 复制代码
复制代码
1 M' A1 l2 ?! a7 \0 \0 M/ w4 s( O

, f* ~- _* C; |* z( M7 X

( c4 N, q8 z: `/ T( _% n
  • 01.
    内容
    ; p! z! o$ h; [" p# Z

4 K$ T% f; L/ G6 w6 a: f; M. T; c

$ W& O8 P/ W/ }7 \1 ?3 q: x边框效果:
1 l+ @  p2 O( U1 O

) H3 a( l+ i" |# [5 j1 @  C
内容

  }- p) n7 J0 G. ~7 h- U代码如下:, E5 N8 L+ i# ^/ [
  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]
    $ ~* j9 x3 p# \  \& |! G
  2. 复制代码
复制代码
# X' T3 Q/ G1 R. v

$ i& A0 P. g8 ^. m

# d) \6 Z, v# T4 D' @8 T' N
  • 01.
    内容

    / a- ~; b3 W4 ?2 H8 g5 g6 M
* C% P# G0 ^5 S" j% {  v* k
边框效果:; R) @/ L. L, s5 G/ m7 ?% r5 X. N

* U# O( k/ D, J0 r& `" H* L. y
内容

" B) P# R4 w7 s# G3 L) i代码如下:5 r7 d4 ^5 ]: D0 X% e3 d; l% j. s
  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]
    / T9 ]' q3 I3 F4 I
  2. 复制代码
复制代码

/ {: w7 T. j! \. s4 O/ O4 q: b- D- r  F: `2 O6 m

9 F3 e6 G$ K& G+ G6 b% c2 h
  • 01.
    内容
    " I4 j3 t" v+ ~

6 |1 h  q0 h# o9 ^5 D" z
边框效果:$ a9 K' O4 ~  c( [
* z! p8 r" f1 ?7 J
内容

; H, Y! z4 @; Z/ H% N0 x代码如下:# [7 N) O8 K* S7 _. 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]
    1 s+ C* m4 i: |# ^
  2. 复制代码
复制代码

& \4 G) ?) K  T, b% U3 Y
- m8 c! T1 R1 g( S/ `* D$ B# E

9 l9 X$ d+ b  k  i& f- {9 d. V' d9 H* M
  • 01.
    内容
    , T! s8 T  ^4 _( g7 o& ^( b" X) o
. o% T% v. }2 J# n0 N' k3 c. ]
9 s5 n  m+ T* D7 _! a
方法:" m8 h/ e* e2 N( V# {
把代码复制下来.' \0 S/ r3 n/ B- o' |
粘贴到你要写的帖子中...
. Y4 r8 r3 Y1 O1 c2 Q0 Z然后勾选文本编辑框右上角的纯文本...
) J# H6 c2 w, E  i! I你就会看到代码.....0 K% y. M% N8 f% a  i! C+ q
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
6 |4 R/ U0 {+ S8 |! w3 q: V9 x3 qtable=560,#ce0000     第一行       #号后是要你替换的颜色代码
% g; I2 K6 Q5 @table=550,#ea0000     第二行! Z9 e7 k9 _( Y' b0 R
table=540,#ff7575      第三行# g- |1 f+ m$ ^# p  Z1 Z4 I
table=530,#ff9797      第四行4 L3 y* ~8 Y! B0 F, w* m! ^5 `
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

& g5 ~: c+ t3 N# p9 {; n% J1 n3 L6 U' S7 b$ s) @( P, Q* R
+ k+ ?& H' k$ R
备注
2 m! G' Q) @  j' Y1 q  B0 B5 z0 I, n+ }
帖子里“=560 ”是帖子宽度  #999999是颜色代码。9 l4 r; w5 s. S9 ~2 E
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”3 d: w  m; t4 U# `; O

) e& P6 D. r# Ftable表格大小不要超过560,超过发出来会自动变成98%
2 S* R2 D& L; y% E+ |+ B1 n, z; W
- i( n, N# E; M  b* S. ]' T6 T. d* N颜色代码:3 z% O. }; O, D. ]" T2 r" ?
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
8 F3 q5 Y! Z# T4 {6 f1 `
# B/ x/ z0 Y5 L4 o9 u9 m! l效果:
9 s# @: [! ?1 @: l- u- |% s* d. ?% E) e" H
1  白色 #FFFFFF (这里有一个颜色哦)
( e( {# o& h# q: ?
2  红色 #FF0000
  D0 X; T: P' Y8 G3  绿色 #00FF00 % G* ]$ K" u3 K3 k7 z% O
4  蓝色 #0000FF 4 \! w  u1 `* K( v  b9 q! ]
5  牡丹红 #FF00FF
* H' _3 Y3 \2 ~5 B+ r1 y- g6  青色 #00FFFF
* a# u7 H+ e, _8 j' r+ b. M; R7  黄色 #FFFF00 " F6 t( x! x* B. t) ]
8  黑色 #000000 % o( d" h: B  ~6 I$ n4 l$ [) Z
9  海蓝 #70DB93
* g8 I; u8 }% E5 x: r4 X9 P10 巧克力色 #5C3317 $ ~- M7 C9 G' b/ f9 s" V
11 蓝紫色 #9F5F9F
- |* U" N5 s# w1 o6 p/ ^12 黄铜色 #B5A642
2 C* E. q; c( k+ E) K0 q) R13 亮金色 #D9D919 : j' |4 I% u* i$ W2 N/ z1 G2 s
14 棕色 #A67D3D 5 S# t+ W7 A9 j0 C2 x
15 青铜色 #8C7853 % F0 O9 B/ R* y, J$ U% a
16 2号青铜色 #A67D3D
  }  s! Z2 L* F$ U8 n2 ?17 士官服蓝色 #5F9F9F
1 l* k# m4 O3 l! u" U- y9 j2 U- Q/ i5 F18 冷铜色 #D98719 7 D( W7 |/ ?3 f" ~
19 铜色 #B87333 * G2 i+ b) j+ ~* o9 v
20 珊瑚红 #FF7F00 5 a. V& x5 t9 S, E. z
21 紫蓝色 #42426F
$ r( T8 N* ], a8 }/ b22 深棕 #5C4033 - y  y" ~+ F2 ]6 t* M
23 深绿 #2F4F2F
; O, ^  a1 R: k2 ^24 深铜绿色 #4A766E
4 M( g) S1 i# T/ C, r6 O25 深橄榄绿 #4F4F2F 2 |9 T4 L% G5 w+ O: L4 s% V" w3 B+ ~. a- C
26 深兰花色 #9932CD
- Q1 W& w+ W/ ?, F27 深紫色 #871F78 * v% B) a; b  P  T5 ]
28 深石板蓝 #6B238E
) u& ~) ^- q& d$ A( d' ^( w* k29 深铅灰色 #2F4F4F
/ u7 Y& T( x8 ?30 深棕褐色 #97694F $ e; a2 Y& V$ E3 _( y& U2 B
32 深绿松石色 #7093DB 9 _# O1 I$ E9 B" v) o' R
33 暗木色 #855E42 ; X6 ?5 d' @5 f0 w4 X: |  B
34 淡灰色 #545454
" `. p6 c( L( X2 x35 土灰玫瑰红色 #856363 & c' ]- Q2 d( F  M( n1 R  l
36 长石色 #D19275 7 E0 U$ @. }" C, L6 i! ?
37 火砖色 #8E2323 . d) Q0 ]$ h( t* o
38 森林绿 #238E23
4 k+ f% ^. T  y$ U3 V6 ?5 U39 金色 #CD7F32 3 A- {0 D5 z* u% `# L% t4 |
40 鲜黄色 #DBDB70 ! e& v5 M, }* E8 P5 b+ m, |  F4 p
41 灰色 #C0C0C0
/ ~5 N3 C$ c  s42 铜绿色 #527F76
& z# {5 l/ v3 g4 [; l1 Y. M43 青黄色 #93DB70 1 a5 h' Z7 s% V+ A1 L
44 猎人绿 #215E21
) `5 ?8 X3 k" y45 印度红 #4E2F2F 3 y/ o+ Y  B* P% C! f5 ~" ~
46 土黄色 #9F9F5F 9 ?. N* y5 W! R& |0 R$ ^
47 浅蓝色 #C0D9D9
; O" B- u& `/ r$ U# ~6 o/ y48 浅灰色 #A8A8A8 ; y# W9 y7 a. L% J
49 浅钢蓝色 #8F8FBD : B, H" L5 q' V3 X' n" m
59 浅木色 #E9C2A6
1 y. _1 f/ P0 ]! u9 A60 石灰绿色 #32CD32
. J- P1 t) m% R4 V2 d61 桔黄色 #E47833
& l/ S% b+ K2 j: A3 E1 g4 A62 褐红色 #8E236B
6 u" f! x9 \8 Q2 _7 T5 b63 中海蓝色 #32CD99
+ }0 O) }$ ]+ r1 ~3 z3 i" ]! o64 中蓝色 #3232CD
4 Z# G* ?& t9 F2 |65 中森林绿 #6B8E23
2 g$ e$ z0 o; Y66 中鲜黄色 #EAEAAE
# @$ \2 _: s# E% ^2 U  ?67 中兰花色 #9370DB 0 O5 V/ w( T# p$ f- S
68 中海绿色 #426F42 + X5 ]) n* W$ U8 Z  {7 X
69 中石板蓝色 #7F00FF " w" g9 b6 f- [: J. [  b/ V/ U
70 中春绿色 #7FFF00 ( ~9 N% }- I/ V  ~7 m; c) a
71 中绿松石色 #70DBDB ) |" s7 k* ]! n
72 中紫红色 #DB7093 ( q6 I/ i* c  p
73 中木色 #A68064
# J: q' ]- g+ o3 Q5 I& \74 深藏青色 #2F2F4F
8 w  L0 W+ i) \  S1 H& X75 海军蓝 #23238E ! \8 \( S" J5 O% h
76 霓虹篮 #4D4DFF
9 g) g3 N: A1 Q, p* j77 霓虹粉红 #FF6EC7 / U5 L6 u- r: W& K- `# j
78 新深藏青色 #00009C
# f3 \. e5 W$ S! ?# D+ y79 新棕褐色 #EBC79E * b/ ^+ o4 ?) d% }+ Q+ o  B
80 暗金黄色 #CFB53B
8 k; q3 s  A) Z1 C( {/ r: T81 橙色 #FF7F00 ( I1 A/ K# [6 B$ \
82 橙红色 #FF2400
) C5 s' @5 s' s2 L5 Z% p83 淡紫色 #DB70DB # m  e' a- ]( }" N1 e
84 浅绿色 #8FBC8F
& t& f8 @' D! H* j$ t' q6 Y85 粉红色 #BC8F8F
5 ?0 H+ N3 z  }$ l" p5 ]+ h4 Y86 李子色 #EAADEA ! y; F2 ?4 Q0 V8 N! b7 F
87 石英色 #D9D9F3 ! ]3 y0 i0 |  r2 @+ j/ {/ `
88 艳蓝色 #5959AB
* Z' G6 B/ [8 h5 b6 G* A9 Q89 鲑鱼色 #6F4242
! h7 V9 N. A, l90 猩红色 #BC1717 ! h$ z: l) u2 S7 `0 S
91 海绿色 #238E68 ) E" {: i+ @4 @2 n, W0 m# V1 {
92 半甜巧克力色 #6B4226 ; X2 A6 i4 N6 p
93 赭色 #8E6B23 5 S8 o! y: p. {$ d2 w
94 银色 #E6E8FA
(这个是银色)
: K  A+ J. t! \
95 天蓝 #3299CC
4 ~% q' d) a) e9 v; `96 石板蓝 #007FFF 0 O4 [  K/ L$ x) O4 }# Q
97 艳粉红色 #FF1CAE * w+ b8 A# [9 q0 G" y$ Q
98 春绿色 #00FF7F
* _5 V  G0 X" U9 c$ s99 钢蓝色 #236B8E 9 v6 ]% O& a& y( }# ]/ A' j" n
100 亮天蓝色 #38B0DE
& d# A- y2 l7 H( U* b3 Y101 棕褐色 #DB9370 ( f% x+ |9 Q- j: {/ z+ B
102 紫红色 #D8BFD8
9 G8 u* l  G* `103 石板蓝色 #ADEAEA
' K9 a- n& e' I1 |: [$ o' Q104 浓深棕色 #5C4033
) S$ {8 D- a& Z$ m105 淡浅灰色 #CDCDCD
' C$ T' i) G6 R: |106 紫罗兰色 #4F2F4F
' t5 O" ]' |# R- x% G- n- f107 紫罗兰红色 #CC3299 7 f; v& E) w# x; O# q
108 麦黄色 #D8D8BF . `# a6 n' p. Q7 _: D0 ]# i5 A2 H
109 黄绿色 #99CC32

8 |) v  ]9 \+ J& J$ }6 M& ?" P% A
! T: m2 f4 o+ x0 v


转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]) s9 X2 N( h8 z% B
[tr][td]. a, k1 C6 I, f5 H0 [# J' y
9 U+ w' W% t4 D0 X; O
内容
[/td][/tr]
# B0 i0 U, [2 r4 b' p2 {: H# N[/table<p></p>
- K( N7 j% D' h- D
7 Z/ P6 O6 ]% W8 e3 d& i
' v% ?, a' G) ^* d?
板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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