开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
9 p6 m- Z8 \0 ?, A
简单边框之一:7 p& N& N  g! `- @* Q9 q) E

& N2 x1 C0 B0 s
单纯的内容边框; d7 s2 v/ t, g
2 m; t4 H+ n4 x& e0 u6 d5 z
4 r" {9 p2 [' b7 l' e8 h( o
内容

& u2 U: x- {! F: ^0 h代码如下:
. Z0 W  k# n+ y3 `0 i$ o3 H1 W2 p
  • 内容

    - S" e8 r5 f0 l, i

; r  ^6 }. `7 W, O8 Y复制代码
8 }9 E5 F) M( `9 X
1层边框$ }* d# G3 y0 ]# l* k% |
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
    : b- ^+ ]5 X6 J( ^2 s( e
  2. 复制代码
复制代码

/ t% W8 {# I3 @% b0 P  S/ z) t. N; W& h3 l& [: U/ ~: I; g3 V
  • 内容
    , j- E; }) J+ y( Q

3 I5 q/ V9 X2 C* P4 t5 E复制代码

9 `( N$ g4 l% K& Q
, d% S; B7 a; a5 Q+ S
2层边框- F! I- g/ z! a- F) t* R' k% ]
. @" b7 f  C6 G, z0 y
内容
代码如下:
  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]
复制代码
- M0 g) i; M: X1 Q3 M, V

. a% P, U+ d; f. g% k2 B8 a) l
  • 01.
    内容

    : F3 z& W+ t9 ?3 n( E+ M

" V1 d0 l; ]  ?7 U2 h" c5 e$ f复制代码

: Z$ h' X6 M% E6 `/ D" I

, ]/ m8 g/ ^7 Y& s; X( e9 S: [
3层边框
) E2 `* Z# b. G6 |! z, n
内容
代码如下:
  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]
复制代码

& ^0 H$ E& b" h6 q
* m' J7 o' d. m9 @! H' F8 Y
  • 01.
    内容
    9 Y: B, T. U, P5 r
- Y- R" b7 W( B  e
复制代码
1 u. e: e: e& O+ p7 b

6 ?4 }6 }2 t! P+ M7 l
9 j" h6 `0 s# s+ {& p; x0 ^; o
简单边框二:
" z; T: ?/ w6 ^8 C- C. q! H( E& g9 `% h0 l% Q
边框效果:
/ i0 W' S8 M% G$ x% q" P+ R8 ]

3 m7 M- U+ Z- z- O5 w
内容

5 c5 E/ w& g9 B9 g6 @% h代码如下:
4 ~5 {/ {9 W6 w% l
7 g5 o# j9 _7 C  J! A& H% y7 i

9 H  i3 A, |. b+ d4 s: X) E& v. L) l- F, r* K; B
' C9 f7 D/ W! O- ~

" M# ~% x; Z0 [4 x+ \# n
  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]* D! u, I1 ?. Y4 I' {3 R
  2. 复制代码
复制代码

, t5 }: T) f, W  B, ]& W: Q
1 s' f- K% D$ A2 t5 w

$ x* k& m4 q% ~; H

. N- v% _5 P2 M& \
    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>
    复制代码

    - c; |3 c0 W& D. Z) J
$ w( I6 ^: r0 N3 X
内容
1 G2 h% l7 k2 U3 j( m
代码如下:
/ }9 j8 g7 x, z: [
  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]
    , O: A) V, I0 l/ t
  2. 复制代码
复制代码

( G0 C( L7 U1 ~5 z! v
+ Y* \0 A3 q% ~8 [! k# ]
2 A1 j" Y/ T6 ^  L8 ?& w6 w: j
  • 01.
    内容

    1 p2 r9 A/ w  R* r

) ^$ R2 q6 B- `# J7 D/ u  ?
边框效果:
) |# L/ G& f* s# U) K; u
- F$ t9 F! M. k. w4 z" _6 ^
; ]* P' E! ]5 Z+ x3 K0 j* V9 `# w
内容

5 q& a. ?' P+ i' Y代码如下:# K( T% e8 y% ^1 t
  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]; Y3 S* ]9 J: T, M" s
  2. 复制代码
复制代码

5 A3 t/ i( l# @/ u6 D3 E$ P9 A( \: _% R5 w% z4 T$ ]* j+ @

4 I$ d( F" {3 \( b8 f
  • 01.
    内容

    , b2 `% e/ `, Q
1 _4 H7 m; J  {/ P3 m1 Q: T
边框效果:
; O* X6 r, x/ f* P& d3 [9 L+ S8 A5 [& b8 N0 \' i
" E3 u/ [1 D# W  a' p
内容

) W' t- }! Q, }+ K' i代码如下:' j. q2 E. o' q1 U! ^5 W
  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]. c" J9 ^- q) |- I
  2. 复制代码
复制代码
1 ^# D* H; q% N% z

" U0 k+ M6 ?  ?* s+ ^5 M- \' T

% o* }3 ~5 L- J6 D
  • 01.
    内容

    7 {% {5 U4 E0 I  o: [+ v1 k
1 ^+ ~! o1 o. s/ P
边框效果:
# w& L! M2 o9 ~# s; ^

( I. K5 n. b3 _3 H) r7 U
内容
0 M4 o: x& A) J5 |! c
代码如下:
+ b; s4 n+ ^" V: J: A; S
  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]
    - ?2 u( q3 j& p9 B4 \. n
  2. 复制代码
复制代码

2 U4 I* w* [5 g" @  f
4 u& V7 d; z% O6 j9 [3 k3 V/ E- L6 y

) f# b9 n9 [: H
  • 01.
    内容
    & T; W. T4 b! z
* c4 M0 |! |" Y1 L/ a6 V5 e
边框效果:7 J/ z  O( J# o& [) Z+ s
2 D  I' h! t! ^- C$ @$ Q+ W1 ?
内容

1 ~; Q, o* ^+ S1 Q6 ~: Y0 {代码如下:
+ D# Q- H8 U6 w" ^, 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]
    , E% m# A* ^* n$ e/ |
  2. 复制代码
复制代码

+ k6 v( e% d1 y/ M4 T
+ Q9 C; _' Y- e1 L  r- A

; Y$ k2 D' K& n# Z
  • 01.
    内容
    1 n1 m* P+ c) i; Z: \2 e* v
边框效果:1 M2 ~8 K9 f& C8 J+ U. K! y
: G' B2 }; O- c; l' }; \
内容

9 e  A9 S" u" O  {+ f0 Y代码如下:# S1 P  D/ S. }( C8 n5 B
  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]
    ' u- N" @5 S9 [) r( ]8 W/ h
  2. 复制代码
复制代码
, M$ L( b7 K, B- a; h+ V1 a) _! v1 ^2 ~

/ @/ A; e' t  a- @$ H
$ A7 H* r) L1 y( ^  d
  • 01.
    内容

    7 m4 n6 b  D& h% F. K/ _' h$ S$ x
, \" a6 P% m( G0 ?+ L& b
' S7 F5 f' j, R) F. w
边框效果:
& o1 j7 f$ V0 j0 C
7 T+ S: E- J! Z8 X3 q
内容
$ \' a" H+ ]- ~1 Z4 c% [
代码如下:
& x( Y5 F- A6 _5 q( F
  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]
    ! D* X7 g/ C* g. T' \
  2. 复制代码
复制代码
# F5 z3 L+ D2 V

7 i0 c( J, u( ?0 @# w! j

( }2 h* E% B3 J; \# M
  • 01.
    内容

    & d  R. x+ {3 h
/ V8 ^" Z: Y7 K
边框效果:2 v7 @( W' ~, T7 E3 F1 ]2 V3 U

8 V0 o& p8 t4 c- F& \
内容

. Q7 ]1 Z) I, l8 S代码如下:
0 _3 y  V8 c* A) k0 P, {8 e
  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]9 j8 K( Q+ @9 P* `5 c3 y
  2. 复制代码
复制代码
0 e% r9 K- H, g( e8 |. B

# `4 k8 W5 c5 v9 l" ]" c

& W$ z& o+ j/ M
  • 01.
    内容
    ) B& u# E! Q8 J& g

/ n0 ~, Y' L# g$ J
边框效果:$ e& F9 E6 h. H+ m9 a- y
! S3 s0 M$ y# ~
内容

/ V* \; ]$ w6 `9 L; ?3 w+ G代码如下:
; T1 _5 W8 r, c$ G0 C
  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]
    ' M3 |  X1 }9 o) a0 F& m
  2. 复制代码
复制代码
8 _* [7 ^2 a! h  d$ I
. u' T& g: e+ V) X$ ]; R8 z2 |

- M& c8 G3 L) u) G( b4 P  q4 D/ _) A
  • 01.
    内容
    - ~# p8 N% F, Y% c4 E" A: Y# _
: u; D8 H& b- G7 r! \" h/ q

2 h% P! O5 b* i4 g- U; @# j, t方法:
) I6 ^  H. g$ W9 h5 j4 |3 a
把代码复制下来.* j) n! B: ]5 U* b: N2 N
粘贴到你要写的帖子中...* ]  @1 [. b) d1 a# M5 K
然后勾选文本编辑框右上角的纯文本...
0 f0 K6 J+ d. C* Q' D6 }你就会看到代码....." L, ]  u% M! i$ Q8 ~  h
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
4 C; G+ U9 ?+ i3 Q9 H) W1 ^table=560,#ce0000     第一行       #号后是要你替换的颜色代码
# n* D8 \5 X% u' l2 Ltable=550,#ea0000     第二行/ C5 j: D! w" V. j) Y" q
table=540,#ff7575      第三行
9 e5 ~+ F) b: m: l9 |$ ltable=530,#ff9797      第四行' a  x- u1 a3 c6 s: m' m# V
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

$ V/ @1 z( Z, T% E7 T7 p! J* E* E. f% x0 Q5 C, y/ R4 ^

. `- M0 X9 p8 |* H$ h备注
# H- |, v- z* x( {) n, u+ w" T5 ~2 k1 {/ e3 y9 }7 m
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
& f& c5 J( }8 d( [  ^) e+ p如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”% e& a# Z, ~. A+ L5 ~% Y4 l
$ M% R; P. E( N. q) W1 E; ~
table表格大小不要超过560,超过发出来会自动变成98%. v/ {1 u& x  n% @

6 r  b) S4 Y/ o  b, f0 w颜色代码:. J4 R/ x6 {4 j. c- v4 X  h+ ?9 Y/ C
发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。* i6 Z; [; l& P; z/ E9 Z

0 P. l. G; I8 t1 y效果:4 n4 `4 B+ H3 p" A8 r3 b
& V; I1 g) j  C1 Q" v
1  白色 #FFFFFF (这里有一个颜色哦)6 s4 J0 Y9 f: O+ M7 t
2  红色 #FF0000
4 y7 W- ^3 ~. z$ f3  绿色 #00FF00 ' O# z9 p8 z" i# F4 Z
4  蓝色 #0000FF ' l7 n' \: s( \$ w
5  牡丹红 #FF00FF 4 ~7 u/ ^, _  Y7 ^
6  青色 #00FFFF
5 w: R- B% ]2 g4 V+ Q; x7  黄色 #FFFF00
" f8 p& z* }/ w  f  d8  黑色 #000000 + ]5 {, Q& J7 A# J' K: m
9  海蓝 #70DB93
( q$ b/ |. [+ u1 n4 T- X6 g/ P10 巧克力色 #5C3317 ) a- ~( G9 d3 @$ C' D& k
11 蓝紫色 #9F5F9F ; c* ?9 L$ R' V
12 黄铜色 #B5A642
2 S+ E" ?, m0 r6 a' w1 L13 亮金色 #D9D919 5 c4 s! d% r- k! a
14 棕色 #A67D3D % G% B, _( o6 t- e5 M; w
15 青铜色 #8C7853 ( t" f* o' N) O5 u1 R
16 2号青铜色 #A67D3D / ^+ I* L0 U; _- w0 p
17 士官服蓝色 #5F9F9F" Y, N* F" C6 f7 m9 Y. e9 c/ p. Z1 ?, o
18 冷铜色 #D98719
9 s" L, I. l9 Y19 铜色 #B87333 7 x: F& Q0 ~4 y9 D- G
20 珊瑚红 #FF7F00 * w8 T4 \6 F/ X) ^0 z- F% G
21 紫蓝色 #42426F , }2 Z0 C8 s6 X  I8 @
22 深棕 #5C4033 ' c3 S8 b' N* b' d7 L/ ]. [& T
23 深绿 #2F4F2F
3 s; t, {. ]- G- i24 深铜绿色 #4A766E 2 Q& s; _0 n* c1 L) e; A
25 深橄榄绿 #4F4F2F
+ }& _0 _$ O3 t5 U26 深兰花色 #9932CD 5 p0 X& K. a+ N5 S2 Y6 A' w
27 深紫色 #871F78
4 n9 I, e; T; h( o28 深石板蓝 #6B238E , ]! ^  g$ C6 a2 D7 C7 ]( Q
29 深铅灰色 #2F4F4F
8 l' W8 l- F) b5 H& v5 V) [  j6 `, T30 深棕褐色 #97694F
9 b! |- q3 \6 h! N' v0 ?) S32 深绿松石色 #7093DB 5 {! I, y  g4 `3 g* u
33 暗木色 #855E42
9 M4 y/ c, E' i% p; _- s$ m9 p34 淡灰色 #545454
, ?1 T- p4 e$ c* F. w35 土灰玫瑰红色 #856363 4 x: f: t0 w+ Y( ~6 B) F
36 长石色 #D19275
: F2 s8 c4 g$ O37 火砖色 #8E2323 " R; F) ]0 W( s4 _* E' h
38 森林绿 #238E23 6 z2 Q2 C. V1 ?/ W0 ]2 J
39 金色 #CD7F32
5 n' u- {2 j  c  r" r40 鲜黄色 #DBDB70
5 r$ G: l! X; u( W7 {; c2 d) `/ ]41 灰色 #C0C0C0
: J/ @) {) k% }' p  J) M# Z2 ]* S; e42 铜绿色 #527F76 & C5 r  f% p9 x1 ~  B7 k' A
43 青黄色 #93DB70 ) G7 P8 ?4 I( O
44 猎人绿 #215E21 4 L, f$ Q  ]/ h' s1 K  u6 R: ~5 l
45 印度红 #4E2F2F
: \6 L) [3 h. q1 Y; r46 土黄色 #9F9F5F
$ B2 H2 [3 i! X/ y3 H47 浅蓝色 #C0D9D9 / m) Q4 d. [: E; R. r
48 浅灰色 #A8A8A8 8 _8 R; X/ ?0 `% \+ W1 X9 G3 c/ N
49 浅钢蓝色 #8F8FBD $ r1 j+ N5 o4 B# u- m0 f
59 浅木色 #E9C2A6   v$ J( Q9 `) Q# j2 i) t2 O4 N
60 石灰绿色 #32CD32 # Q3 i) g# a! L) ~: h
61 桔黄色 #E47833
- }1 R( W7 y9 E) J6 G62 褐红色 #8E236B
4 ^4 |& t4 X4 v9 d) I63 中海蓝色 #32CD99
+ _  z. g1 C* n64 中蓝色 #3232CD
1 D$ _5 ~' R1 M" e65 中森林绿 #6B8E23
/ Z) \" U7 J  a- X66 中鲜黄色 #EAEAAE
4 Q1 E& s$ Z+ A6 q' A, K' P2 S67 中兰花色 #9370DB
9 F3 [' o8 }1 h- s68 中海绿色 #426F42
( L1 a1 B. D& N* H5 Y3 ?/ a69 中石板蓝色 #7F00FF
" M" }3 A0 d4 X+ K% P70 中春绿色 #7FFF00 9 W0 k! w9 F# P$ K  F1 z6 `
71 中绿松石色 #70DBDB ( U7 C# s3 f0 b% Q8 J
72 中紫红色 #DB7093 - @# W7 R+ A. x- Y& O- ~
73 中木色 #A68064 . g' X8 D* X; [9 [
74 深藏青色 #2F2F4F 9 p2 f6 n, f$ w3 M3 e4 d4 J
75 海军蓝 #23238E / f; p6 G( ~* h' K( Z" T7 ?2 Y, c4 }9 s
76 霓虹篮 #4D4DFF ) i' D% q9 `9 U2 c- v
77 霓虹粉红 #FF6EC7 . q4 `8 [- k+ o, Z4 O
78 新深藏青色 #00009C 5 @/ L7 ?6 b5 W: E9 X% M" d/ D
79 新棕褐色 #EBC79E
" J7 U4 r) X9 u& _9 q! n80 暗金黄色 #CFB53B
; d6 I0 [' u% k8 {6 Y0 Y7 ?81 橙色 #FF7F00 ( N' M8 Z; {3 L" M$ `  _2 W+ k+ c
82 橙红色 #FF2400
; W$ _& G! J7 ~6 I83 淡紫色 #DB70DB ; y( s) b9 d" Q
84 浅绿色 #8FBC8F
' X- H+ |4 L3 Y) T$ b* o. _85 粉红色 #BC8F8F 5 t7 u0 V( U2 O8 `7 V: V/ ~
86 李子色 #EAADEA   I0 y2 r' a/ f5 Z, [
87 石英色 #D9D9F3
4 i: P5 I9 j0 m4 R" A88 艳蓝色 #5959AB
3 F3 q9 x2 l+ }$ D+ v89 鲑鱼色 #6F4242 : p+ U* N" c/ Q0 p+ h: T& }
90 猩红色 #BC1717
# Q% o7 d# ?. h3 D( D( i91 海绿色 #238E68
% `, ]: n# a) [' Q) t/ ^, k92 半甜巧克力色 #6B4226 / ]* w1 T" x  c# G1 ?% T
93 赭色 #8E6B23 1 [  J! W& d, P% s
94 银色 #E6E8FA
(这个是银色)3 @4 e4 C4 C$ I+ R% G
95 天蓝 #3299CC $ ^( D3 _9 d6 {+ B4 q* o" C9 |4 X
96 石板蓝 #007FFF
9 a) H. C8 f. f" l97 艳粉红色 #FF1CAE
! @# b  U# a0 f9 M6 F, F+ S+ b. m1 H98 春绿色 #00FF7F
3 @$ T6 F+ m% `* v3 l99 钢蓝色 #236B8E
' X; C3 L  k- B& q. I3 j100 亮天蓝色 #38B0DE " I2 D( R% q1 Z3 D1 s" V
101 棕褐色 #DB9370
( W* U1 l% K$ s- t8 K, `# P102 紫红色 #D8BFD8 ; V0 B0 _" h' o  h# c
103 石板蓝色 #ADEAEA ) a1 }+ I( Y, r/ X+ a
104 浓深棕色 #5C4033 5 y3 o5 ~9 e7 e1 Q+ I% @! Y
105 淡浅灰色 #CDCDCD 5 x+ R5 H) u1 P/ _+ ~
106 紫罗兰色 #4F2F4F 0 j. P; O( b$ j& ?$ S' |1 L
107 紫罗兰红色 #CC3299 . {% ]; E6 |$ x8 i6 T3 g
108 麦黄色 #D8D8BF   t4 f. Y4 M6 m
109 黄绿色 #99CC32
: d+ G) E% a6 s) e; b
3 ~9 r! d! ~( w9 x


转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
发表于 2016-6-24 11:49 | 显示全部楼层
table=560,#ff9999]
- u9 `/ Z# Q1 Y. W, c6 y- n- U[tr][td]3 c* [. l' d6 T3 A. u; x% ~
' J% x# U* R5 j9 v% Y9 D
内容
[/td][/tr]
, _( m3 S2 {1 `+ f9 b[/table<p></p>
0 E% q" [; X* T2 ]7 _" \( y' Q1 H$ @8 g6 d4 f
- w% \) e8 b, H! o2 N/ r# o
?
发表于 2016-6-24 11:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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