开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
4 H7 U/ b( H7 f9 H7 t1 Z! P2 I4 l
简单边框之一:
7 C* F$ o6 a3 R1 c5 d5 j4 x
+ p, d$ o7 h! p7 O
单纯的内容边框& j% l% a7 V! {5 I

% c, q- l9 ?9 n' ]
  g( N, f9 }! @8 ?: c# j( J
内容

5 c6 D- P. ?* d2 p' ]代码如下:0 D( W6 j) M- R! G0 ~7 r! o
  • 内容

    / G- @7 E) h% \& j( w+ a  x0 p
/ J( r' t) S2 y% R, x
复制代码

( P" Q/ n8 G/ d* w
1层边框3 [! f9 k" ~0 \5 b
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]# l' k+ Y  d9 ^; C  t" V1 P& T
  2. 复制代码
复制代码
2 V! v  l( h# v& O* F) v

+ W: c' c+ N. p4 O! n0 O! N
  • 内容

    3 P# K& `( X8 ^* j4 z" c5 c8 [

5 l4 s) F. V% [) w, r  I/ c3 s; o复制代码

6 d, h9 L$ R$ P; |7 [2 j+ w2 y

# ^4 I& K2 K' ~$ n1 b
2层边框
! H% \7 _% n) y  t5 o3 j$ v& L0 s# a6 z
内容
代码如下:
  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]
复制代码

9 d+ c' a7 ~; W$ Z2 Y
2 v. G- R2 I% k0 A
  • 01.
    内容
    . I/ r* X" l/ T- N
, R2 B. L: v) G2 G
复制代码
2 \; d5 c. L! F$ c# ~* B( a
; }& W- U$ u' E  p. l4 f; t  r" a4 }
3层边框
: m# Z. M# d% B6 _5 Z. \7 [
内容
代码如下:
  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]
复制代码
2 c  E. [8 D3 d! s4 B

; s; \( T5 c4 X* C: W4 e- ?' C( J) z
  • 01.
    内容

    8 q. L' c+ Q) Y- |3 o3 M% t

# q+ M, f4 A, j6 u复制代码

. Y0 w9 Z* z( [6 i/ S0 Z: q& b: u
8 N0 @: C. l  O" p6 C9 g% y. }

* ^1 J3 w' u8 A! K: j
简单边框二:. \& r& I7 f  V6 t1 c; ^# }) u) n( \; Q

2 O1 R: \1 s! F! }6 O1 R- q& `边框效果:. W+ Y3 o  A8 l" m# w. n

+ J9 b% D. T4 Y4 Q# z0 P
内容

0 f9 l7 [$ i& \' S4 a! O6 X代码如下:
  @. s" i" @. d* a7 ?2 `
- o# y2 w& O9 e9 d( [, x8 H! J
, _4 |3 Y4 V9 P" j0 J- e
( V; E& S5 u( J& L( i6 \; b! M

2 t  t3 M8 i( |, i6 p' v5 o) ?. {2 ~; _6 }% L) k" M6 U1 F
  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]
    1 g4 ~2 Z, f- `6 n4 u$ e9 z3 ~
  2. 复制代码
复制代码

$ v6 a( s4 [; c1 p6 ~
% w3 ^, _+ q5 Z: a( {( k+ ^0 |% b

( \6 C  n: w4 `" d
: {$ s5 E+ z. L
    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>
    复制代码
    7 a; @, F8 m+ ]+ r( x
! [' A1 r! Z$ ~, ]/ G
内容
( O2 P$ i; ~. |) q/ k( C/ I
代码如下:
& y* X5 {  N  ]) h+ |/ O% v4 b
  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]
    + t) ^8 v2 L* F+ w
  2. 复制代码
复制代码

. L8 d8 V( i+ O. i8 Y* C# Q, Z( b( H% O9 ^9 L0 g, l" }5 Y

" Z* |# X: w/ s& O5 B2 o* C6 ]
  • 01.
    内容
    + g# ^% j3 U7 \7 g' ?9 h2 Q

, u+ w- J1 F' i$ z* I5 R+ p3 }# N
边框效果:: F. ^- b- x* X% i
: r4 m- |* M0 \9 ~; u2 @; a

! \7 N1 S, D: O% {* U$ L
内容

  E; J0 \: g/ e代码如下:
1 m& y& ~  o) F# @
  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]& o# Y' A, ~: Q9 \# r; @2 o
  2. 复制代码
复制代码
5 L6 j% S- ?8 L/ k

# V8 \7 O/ }$ \  t# Y

8 c9 }9 _6 E# n
  • 01.
    内容

    8 O6 I4 {5 K! N( `
9 Z" t; ^4 k) b* o' Z' _7 t* A1 S
边框效果:
, `3 |+ B" F1 e4 W' ~: M8 R6 ]
4 ~$ }- Q, {4 X4 E  h8 l
* o2 L# o2 |+ X0 ]) S
内容

5 P. B+ e2 r' u* M! W5 n代码如下:
+ u! A( o8 {! c0 v" |/ h, {4 ?
  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 p2 E' F" ^! ?# @3 c: }
  2. 复制代码
复制代码
# Y' `7 h3 }  u  Q$ c7 x

# p1 o+ R" u. `8 C
! A7 n# q) W$ K$ y8 V
  • 01.
    内容

    0 f  R; c9 z. d/ B5 q7 s
4 m# Z9 l8 j9 c; ?: n. B
边框效果:
2 V- W- P* s, e8 G, b

9 j  M7 O/ O" ]3 P& m" j
内容

9 Y$ U$ n4 o6 Y; V. g) q9 w6 w代码如下:
6 d6 `/ `" l" l. N: K
  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]$ c% d  f2 e* p. h8 n; O
  2. 复制代码
复制代码
. D( M& c# M! }

9 H& ?' ^, V/ |2 Y; B& Y% S$ Y
/ E# J, a& l) A: S
  • 01.
    内容
    9 v# ~7 Q' X" L: U' G
$ ^2 _# C$ u! V- j% V
边框效果:
! o. x# Y7 |8 r- v* O* H
" s2 z; A4 ^9 R0 D; l  D- O
内容

# J! |, r* m& w5 r8 b2 s4 k! p代码如下:
! v4 Y+ H: o% 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]
    : m9 Z! I- j) [! u. I2 a5 K
  2. 复制代码
复制代码

2 @- K6 U6 U) H: m, R4 a
& G: \3 G8 H: O  L8 E' ~- Q" m, W9 W6 ?

# k, X& ]/ e$ X6 D
  • 01.
    内容

    . V0 t* e) C- t- D- ~6 R
边框效果:) U7 t; w, J/ s& Q  y1 C& B
2 v. T9 M7 @( `  t, z0 Z- J! O
内容

& F3 Y1 v& K3 D6 G. X8 J4 s. ?代码如下:& U  N. T) r6 ~& W5 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]
    . ?* N% ^" B) N
  2. 复制代码
复制代码

2 k5 O: \6 P4 |$ N( B$ n6 e5 s9 q4 ]2 E7 t5 a) \

4 \8 C/ B# P5 y! w
  • 01.
    内容
    6 Z* @* Q. R& b* {  P  t

( V2 T# a/ q+ Y$ |$ L
: i3 d) U& {" B
边框效果:
+ `# Q3 m. |) u; ^+ ?3 U

6 K( R. M+ D% j5 R# c" @" X
内容

9 u1 R( L* n" }& v" W' |代码如下:! T; @4 z4 h) X- ]# m1 Z1 s1 |
  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]
    6 K- Q. }7 H) v) M5 X
  2. 复制代码
复制代码

# R5 |# F% |# b: ?: e2 y7 R- V9 ]3 e7 v8 Y

& @3 w8 e6 x& l* j' g& K2 V. p
  • 01.
    内容

    1 \; s, I: N$ f* @+ a. i
# F: ]9 D! R% f$ D" o9 a9 M- `3 ?
边框效果:
4 ]7 {  k" i0 m# Z, L7 w

3 z2 U; w# ~4 C# G: R/ s6 `
内容

, k/ [% c2 d, R- |3 L& n代码如下:
0 v6 |. s+ d' n  l
  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]
    , n/ F! }6 |( Y7 d
  2. 复制代码
复制代码
* B2 V' ^4 F! S; A

/ w' q. M4 {* \: E% Y2 S) v" }
1 ~* _, S$ ]( O/ T; }& z
  • 01.
    内容
    7 P2 X8 j  A: ?8 d+ p3 O) L8 i

# r0 o1 ~2 V4 q8 M- Q
边框效果:
2 O* j, _: D0 S6 U

+ g4 W$ O5 l$ o+ h. [* ~
内容
3 c% V7 B- [% ^9 r7 e6 H0 b
代码如下:
; L; j& C9 \- _( O# a( I
  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 Y' `% @0 p" \- f
  2. 复制代码
复制代码

! Z$ w, \5 N1 b- ~4 o. j$ q( b8 ~( a8 r& p% H3 E2 F
/ x% X* J( S. Q  N5 C9 h4 p4 M5 z
  • 01.
    内容
    / g3 ?! v. y1 ]. V

2 |. ]- @9 e4 R& @

7 T! ~. `! N: s4 s" J% ~0 F方法:3 U, j- A8 z0 V
把代码复制下来.
" T% a4 R) P' }# R粘贴到你要写的帖子中...
  z% S  h* _7 Y- C然后勾选文本编辑框右上角的纯文本...
+ m4 G9 o1 p% C7 E你就会看到代码.....- U8 X6 q% m. N- l& i9 v
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]
9 O6 L$ V1 S$ I2 S. utable=560,#ce0000     第一行       #号后是要你替换的颜色代码
5 B* B  N8 K3 ?1 Q. ?0 q3 |. F* ftable=550,#ea0000     第二行. d0 M, J7 C/ a, e
table=540,#ff7575      第三行8 F( D' b  x9 ]- t2 ^
table=530,#ff9797      第四行& Z8 \/ W( }) L: i$ a3 h
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
, E+ l$ f, W9 [9 m5 }4 E7 j4 [* B

' H6 P: S+ |2 \6 c: e/ F

: W; V. ~% C5 U备注
& f' o* W) q5 t$ X5 |3 c- \% U1 a# {/ r" M5 Z( S
帖子里“=560 ”是帖子宽度  #999999是颜色代码。) T& r1 ?. N% B8 F6 M
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”2 X. `3 U( k/ s6 b9 }3 |3 M
1 N! @# O  R/ j1 A
table表格大小不要超过560,超过发出来会自动变成98%
+ o5 {/ f; I) m2 r( B# O1 O
. r) _3 `* r; l, m7 F颜色代码:
; y  E2 b/ ^% \. m" y( N6 d# t发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
, ^7 _# K( z: c% z9 v$ w. B3 ~; `
效果:7 ?# K: r, k2 O6 Y6 k7 K
0 T' V7 A  e' @- m- [
1  白色 #FFFFFF (这里有一个颜色哦)! b+ F. o& J& P, o# Z3 c  }
2  红色 #FF0000
- z7 C9 v7 k! H( Y. u3  绿色 #00FF00 # g4 L9 p4 @( ]$ o
4  蓝色 #0000FF 3 Z. U, J% ^5 d$ U, E3 }1 q
5  牡丹红 #FF00FF % Q. w& ]( k1 W6 H# H8 c, ^7 P+ u
6  青色 #00FFFF
3 F! L  {: g! S  i% ?7  黄色 #FFFF00
$ X- ?% |: Z# i5 I* v1 j6 k  v8  黑色 #000000
0 t2 e  S! a) e) k0 k9  海蓝 #70DB93 6 F0 f0 G; Y, P0 f& N. R
10 巧克力色 #5C3317 4 X7 f2 e. x) B$ z5 s, Y
11 蓝紫色 #9F5F9F . h7 b3 l' [- L. w
12 黄铜色 #B5A642 8 r+ i% E  P9 n- Y
13 亮金色 #D9D919
2 ^9 ?" z5 _* @14 棕色 #A67D3D ( \8 P% a4 \+ D8 a) K- P. g
15 青铜色 #8C7853 . \" m7 ]: F' ?" q# S4 s
16 2号青铜色 #A67D3D
( N) V2 ?& L) h+ S( F( |" @: X17 士官服蓝色 #5F9F9F
; [& u" G% O1 U. d! o  s, L18 冷铜色 #D98719 3 X5 X( E7 l& i) L9 v  {) a; o7 Y
19 铜色 #B87333
9 z2 K& s/ q# F20 珊瑚红 #FF7F00
; W$ O) E# }+ n6 s# x  \21 紫蓝色 #42426F
* Y2 f1 F0 C3 s" u22 深棕 #5C4033
7 R! v* Z4 r! |0 h23 深绿 #2F4F2F 1 ?: F5 Y  d+ w1 G2 g. Y; }
24 深铜绿色 #4A766E / T- m0 a0 h' f; t, E8 r8 q8 a
25 深橄榄绿 #4F4F2F 3 r  A) y6 z8 G0 p0 [
26 深兰花色 #9932CD
# _5 e+ W2 O1 j* o( M( r4 w27 深紫色 #871F78
0 T( M: s  K, h: u) r28 深石板蓝 #6B238E 2 z: R3 z2 k* d/ S% f2 U
29 深铅灰色 #2F4F4F
' }9 u* K8 k' B) r% P6 q8 a30 深棕褐色 #97694F
+ ~6 L( z) G4 I+ U: m32 深绿松石色 #7093DB % l$ I. S7 d( E! T: r$ s  A
33 暗木色 #855E42
, g/ I: D# V- v2 R. b, P7 d7 w& w34 淡灰色 #545454
( C# {0 w7 d- A9 G- a* H35 土灰玫瑰红色 #856363 $ I+ [" S3 |8 x% I4 f4 S
36 长石色 #D19275
( S8 P1 z$ N+ E; f( K37 火砖色 #8E2323
1 v  b6 D) G2 I38 森林绿 #238E23 * ]+ m5 f8 `  S0 k4 b6 ?
39 金色 #CD7F32
9 j5 f4 e1 D7 ^40 鲜黄色 #DBDB70 . f( D( Z1 T, @
41 灰色 #C0C0C0 ) }1 \' T0 k3 I
42 铜绿色 #527F76
! u1 y8 r$ M% r# n( S- }$ {8 x43 青黄色 #93DB70 2 A$ w2 L; `- [) ]4 K
44 猎人绿 #215E21 2 X  D4 n) O8 a3 ^
45 印度红 #4E2F2F
8 v. D$ z. w9 _# ~46 土黄色 #9F9F5F ) y# h" y# V/ |! A* m( I+ B7 ~
47 浅蓝色 #C0D9D9 4 i- D; Y; {" x+ h7 g1 u7 h/ C
48 浅灰色 #A8A8A8 * ^: T- }# j- y# {
49 浅钢蓝色 #8F8FBD " O- J3 m3 |( w+ [1 u# P
59 浅木色 #E9C2A6
1 f2 E. q; }% z9 B0 s; g& @60 石灰绿色 #32CD32 - O$ A9 N+ z) H" l, _
61 桔黄色 #E47833 * G+ ?$ D+ Q0 S7 R8 P$ n) D7 q
62 褐红色 #8E236B
2 ~. k7 c, v3 U( a) v# _63 中海蓝色 #32CD99   `% I) z% X5 Q# r# q
64 中蓝色 #3232CD
9 M  W& K7 e9 I& v  J65 中森林绿 #6B8E23 3 c9 e% G( ~1 ~
66 中鲜黄色 #EAEAAE # Q+ s; t! t$ c
67 中兰花色 #9370DB
4 |9 p: d8 p$ L, S; S68 中海绿色 #426F42
* r: I% h' A" ?! P3 C69 中石板蓝色 #7F00FF ) x: F6 L, r1 |- T
70 中春绿色 #7FFF00 * B6 E6 C5 p* |1 Q* b3 `; Z+ \% `
71 中绿松石色 #70DBDB . M, t& x% F" g! }4 Q( W1 u. ~
72 中紫红色 #DB7093 - V7 {4 ^. H; D) P' q, U! l1 ?3 X
73 中木色 #A68064
2 L* n% G2 A6 k/ _  T74 深藏青色 #2F2F4F 6 S* h8 u/ g! v7 @' \0 |- q9 j" c7 u
75 海军蓝 #23238E ( u( \! d& z8 b0 t: K
76 霓虹篮 #4D4DFF
" L1 F+ v$ G/ P$ I" N77 霓虹粉红 #FF6EC7 % h6 q' i& t3 M3 V* k
78 新深藏青色 #00009C 6 O. k) L8 p) D
79 新棕褐色 #EBC79E
; z% ?; f6 n3 l0 d( o80 暗金黄色 #CFB53B 9 N; V9 Z+ f+ c# F' P1 U) B. t
81 橙色 #FF7F00 5 L, U9 p. W6 H# h
82 橙红色 #FF2400
: M+ D# c& w' t* t- Y83 淡紫色 #DB70DB
0 K8 U. J$ [9 _$ ^0 x8 W+ i% W84 浅绿色 #8FBC8F $ \! i2 v# e2 g
85 粉红色 #BC8F8F ) l4 e3 N. S7 r; ^2 \# q+ d4 h
86 李子色 #EAADEA
* J: R5 N  c' C7 q! K0 i87 石英色 #D9D9F3 8 ?1 x8 x$ y# z* m( {. ~/ t
88 艳蓝色 #5959AB % j1 O; L; p' ?5 n5 i
89 鲑鱼色 #6F4242 # o* o) {3 p0 }. a) H5 e, y
90 猩红色 #BC1717 8 H; C% M* E  z5 T
91 海绿色 #238E68 # a7 w+ g7 D+ j2 _) j; i8 d3 l- B
92 半甜巧克力色 #6B4226 6 K  [4 j" D) D
93 赭色 #8E6B23
+ f9 S  q, p9 t5 |! O( n94 银色 #E6E8FA
(这个是银色)$ v, ]% O9 h# _/ w7 e4 ?
95 天蓝 #3299CC
4 I6 R9 u& [8 b3 N- h& l+ r, [96 石板蓝 #007FFF
, }' y8 P( }3 ?6 m0 r! t97 艳粉红色 #FF1CAE 3 k4 {7 {- O2 d4 _5 `8 Y9 |
98 春绿色 #00FF7F + U' A( ^; m/ }4 [9 u, m
99 钢蓝色 #236B8E + C- {: k8 Q6 k5 ~2 Q  d- Y3 ^) W  J
100 亮天蓝色 #38B0DE
# o6 i6 I" G1 ?& [101 棕褐色 #DB9370
+ m( a* j: m. g1 ]7 n) y8 J3 u# \102 紫红色 #D8BFD8
' p% b# L% \# V3 B4 e) n; Q103 石板蓝色 #ADEAEA 1 Z7 A, Z- o+ `+ t4 E; u
104 浓深棕色 #5C4033
) b# D. j6 X: u9 R0 }" g105 淡浅灰色 #CDCDCD : f, c) J! f/ O0 Y8 p
106 紫罗兰色 #4F2F4F + C3 L5 E# |" ]7 p
107 紫罗兰红色 #CC3299
" X, ]' c; A# a, L108 麦黄色 #D8D8BF
" h7 U+ A/ q# w9 e& R109 黄绿色 #99CC32
: v" c" S6 T6 h% J( g$ }( X

. v" x* P& v& x+ j- i" M8 ~" C

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]$ I$ }5 p9 U$ {& k! S- Z5 E& {( ]- s
[tr][td]
- ^* r0 N& o0 ~4 A; k) t6 e
5 t) D1 U! F* S5 U2 R8 c, {
内容
[/td][/tr]
6 `  [) s: ^$ y6 J& p! D: ~' T[/table<p></p>
/ F/ z6 l' B9 }6 m; V3 v1 e6 b: k
. a7 F, d+ n' b! F# h9 `8 D9 l# A0 e9 y# @6 L6 G! X
?
板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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