当前位置:»论坛 › 社区酒吧 › 网友之家 › 改进优化 › 帖子
返回列表 发新帖
开启左侧

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

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

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

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

x
相信很多人都想要自己发布的帖子是美美的，漂亮的，
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的。
感兴趣的盆有可以进来学习下哦！
3 I9 G8 n1 k3 z' c3 J
简单边框之一：5 O+ b- s. P* \6 d

2 M4 m8 C9 \( F7 K' n: d单纯的内容边框' l& O/ l- I" x9 X0 Y) t
. W6 ?) b# d2 I% r/ k3 U3 a  J

: m& R; w! @. d& }! a- Y. D
内容

* B  ~0 ?7 x, L% p* V/ e代码如下：9 x, L6 R) _/ H4 H
  • 内容
    # Y9 r: `$ E3 O; Y) X& v: N& L# a
" }) g# R. ]0 y. q+ b  a; G" M3 Y) O
复制代码
. H: K) }6 y0 g9 h% v
1层边框
! q$ E/ G- o" @' Z3 G' |, R+ o* d& d
内容
代码如下：
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]# u/ G- M' z+ |
  2. 复制代码
复制代码
+ l  E. [+ b$ x7 t/ j8 z

9 k/ y1 Z. a! }
  • 内容

    5 `' M/ e! l% m; |" m" Q0 g+ t& T

( P5 f3 f# ?$ M, k9 p复制代码0 ]. E: ^' b: n( X5 p& D+ S% D

0 a6 u2 V$ M; [) E2层边框
) V* e$ E) l$ y! R3 H; d% D5 j/ a, Z7 }4 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]
复制代码

: b* w2 q, g0 F* c5 F  j+ v" L
3 _  x: h' X: g
  • 01.
    内容
    % Z  x: m5 A4 @
! N/ _+ e' T. p- \" M% u
复制代码! B/ @4 T1 r. z0 F
) i" p. }2 \3 y+ l; e
3层边框
) d1 X/ g. g7 l4 s5 Q
内容
代码如下：
  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]
复制代码
. J7 X5 ~# A* n% m2 e' R

/ `8 j; I) L7 j1 V4 n/ x, A
  • 01.
    内容
    $ v! U1 c! r3 O8 [

" J5 d5 N2 h1 F* W5 _复制代码+ j: u  R* ^" m) f' N% J

0 c$ e4 c8 Y; v6 x, V; I, q, ~8 l- |# P2 b5 D( I! J# }; L0 X
简单边框二：9 M1 m- c8 R3 d7 N/ x6 c

' S* h. z) b/ ?- k+ {0 n2 F边框效果：
3 j/ Y' B$ j  D( ?2 c8 `5 a3 T0 f/ E/ z
内容
; M1 v7 z& [+ D) T
代码如下：
: }( K$ t9 A2 @$ b$ b! e! q" K& F
7 [4 J+ q/ v' w( a
! w( r) l. ^/ `3 m% p! p! D

. G$ Q6 W3 k+ }1 e7 [. e6 m9 ^! O- l6 p' w4 K
8 ]0 |. H: r! }, p2 ~3 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]
    7 l9 ^! l5 r! K$ s
  2. 复制代码
复制代码
  D9 ?& \# [' A. q8 W' {$ T

1 I, V4 ?( r& P' n/ \3 |: O+ }: E4 O: a* `  L( B# ^

$ `( }( Y) @& Z% y8 h+ @
    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>
    复制代码
    " X# Y: u: }1 m8 ^
, F3 X* p9 f$ I0 P# Q
内容
+ R- H3 _/ o' ]! l
代码如下：1 l7 H/ J% x& B+ 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]
    0 p% B* ?: |! \
  2. 复制代码
复制代码

' D+ i6 m7 }) X) m6 s* n4 A" f4 k

3 w2 x: }8 @1 k' p3 ?$ r  c) v
  • 01.
    内容

    1 H' t9 K" G: R. w' c* j3 P

' x. g$ C- l0 q边框效果：
( C1 b( D0 G; Y# [( c( G
' T1 Z1 L8 X" u; u, h
2 `+ d0 r8 q: j# {" T: |. y
内容

+ c8 B0 B8 k  f" W  X8 ~! }: h" r代码如下：
7 Y6 L( k' y# ~6 R6 K' f5 c3 g  V
  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]
    % b( Y9 d" f' p$ ^- j9 y: P
  2. 复制代码
复制代码
% c. P. e4 g. A' {
/ g; B( Y2 T: z
  t% g% m9 Y% H- O
  • 01.
    内容
    , y# P! {; b# d& L! q/ K$ |
, s- P+ ~0 \9 C
边框效果：
0 l0 r+ S, U3 a1 T# N- @' i  v  g4 d. Q7 Q* f1 p$ h

/ X" J  {! d. _- R% w
内容
+ v5 k. G5 Y) K# X
代码如下：
  T6 k1 P# Y$ v8 S
  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]& x" D6 Q1 f3 @9 w0 E* N
  2. 复制代码
复制代码
# n" {9 e& |& T

) |: J1 b% u* |- o& w
! v2 u2 J  x4 x- S+ _- t
  • 01.
    内容

    7 M6 z+ T8 j) e& b- @* d# b

2 {: R/ C4 z: X( `边框效果：
  U. z1 x" A3 L8 I) b8 g- c( v4 @7 i( |+ }- C7 Q! C7 x, A
内容
7 S+ `  K8 J- e8 p  v7 _
代码如下：
& j# k6 o1 ~7 v" r5 O) U
  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]
    * W4 j( v# p* H) c1 E5 c% f% L
  2. 复制代码
复制代码

* E- `. m+ ^) _& l, v  O5 b# X5 S* t7 p, }/ B4 U
% k1 L) ^2 @  S$ v; n3 }
  • 01.
    内容

    + r: P* s' w. E

* X$ m9 b$ z' G' ?  ?7 w+ d. f边框效果：
9 @6 J. w/ [4 L, u3 ~; e* I( w  e
( N: q4 C! i9 ^0 i9 N( u
内容
' q" B& `/ h0 b. o, T$ f2 a
代码如下：8 Q% O2 e  U% t' @1 G
  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]% K! A% N  I) W& H# ~" ^
  2. 复制代码
复制代码

5 n5 b$ b* g: Q
+ H( o- Z! M% W4 _: e& ^3 C* |8 v( i* o* M) ~" D
  • 01.
    内容

    $ Y0 c4 m$ X& u+ H" `
边框效果：1 ?$ }4 e" E! g8 I* j7 Z6 i* {% s+ e
8 B& Y9 H/ E, P3 I6 R1 j
内容

3 y( N. F1 G7 Y8 W% D8 G5 h+ p代码如下：
8 s$ M( V( w0 S
  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]) ^: T1 }; C: U' F
  2. 复制代码
复制代码

7 H6 W# Q) ~% j0 b) e; L
  E  Q, }& F& K3 H1 L- e' [; l$ V, _2 q  e; B+ V
  • 01.
    内容
    / ]$ T: i( J' R

% ^: l9 ]( d# L
& q7 Y& f9 G6 j4 y/ r! n2 P边框效果：
; y( E& D  K  L3 `9 S2 {3 D& J! N3 [' H, s
内容
% `& `5 E5 e2 p
代码如下：& I* f! v! @7 K3 L2 m1 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]3 @, e4 j; F9 R4 T
  2. 复制代码
复制代码
$ u1 C  K4 r) A% F3 J& W
- P* r) @  ]( O  M" y: J

1 M% _7 T: j# q2 G, _7 _
  • 01.
    内容
    * G$ D/ I5 w9 Y1 y/ O4 w

/ b. J, h$ f6 A! `/ F边框效果：. a$ f, G9 k8 {$ R

# r, p& V& \/ [# g1 o) q
内容
! x5 b; q9 ?- L4 @+ H* D# ]2 `3 |
代码如下：+ Z3 `+ F2 {  |; ?! q
  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]
    " R/ O! s' V; T: n3 D
  2. 复制代码
复制代码
+ ~3 v7 d! b2 y6 Z) w$ r
( ?- X) i5 y9 x8 k: S: J
: W% ~' g5 z( m- u3 x
  • 01.
    内容
    9 X5 h: g2 E- G. V! U1 Z8 m# u+ F
" X  f$ o9 a& q  `3 B% B
边框效果：- F: i5 \+ h: b9 V! w. E

: P& `3 b$ ~! b
内容
2 Y6 q! t, C; G. j1 d$ C; K! \) }
代码如下：7 z$ i$ d" W: t# A* l$ q; b$ ~
  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]# `' d  Z& M8 O8 u1 X0 h
  2. 复制代码
复制代码
+ v* F; U4 V5 L
/ W* @. I  \7 j' m5 V/ G

6 O- m8 B* ?5 @7 T0 U+ E/ [
  • 01.
    内容

      @! {8 J. x7 G
. `' Q( J' I$ O4 M+ L

0 P# ^( b, L7 R3 m4 o方法：
; O3 B; w4 h0 @把代码复制下来.0 x" k% I! R) N7 w8 j$ U9 a0 x9 \. _0 E5 |
粘贴到你要写的帖子中...& Y" I' _1 D: U' k
然后勾选文本编辑框右上角的纯文本...3 L+ H* I" |0 ^! M2 x
你就会看到代码.....3 e# @0 Y! |% I8 [
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]
, N- Y, c2 K0 p- P/ Jtable=560,#ce0000     第一行       #号后是要你替换的颜色代码; z8 |  P5 ^4 u
table=550,#ea0000     第二行6 D0 b3 j- _. i' l& \0 h
table=540,#ff7575      第三行
" G: m9 m8 v* s, ~table=530,#ff9797      第四行
" F1 K( ^5 j; g# w( o( A8 m然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！+ @8 L% H  o$ V: V9 M  h

5 n) `  ^% X) T. M4 J' N; Y- Y! v2 ]
% h" {: P  r$ @" i( }- R备注
6 P0 g) S! @8 X2 S6 w3 c, e* [- @! ?( I- c; U. S- `
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
/ I9 W5 Z; r2 T. _0 o* ^如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
, w  H- _4 X8 i* I
  F- H: x  d: e7 h8 G! @table表格大小不要超过560，超过发出来会自动变成98%
- \6 ]/ z  q& s0 \8 F% m, h
- N' c* O8 T' R" j! @颜色代码：
/ n! t+ K' u# \8 N4 g发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。
  }" L# z: Z- t% C) S* U
# L; g8 G, \$ v' y* H1 i效果：' N' n& C9 _3 H# T

8 m/ h9 F+ F1 E- z! C% j: n3 u1  白色 #FFFFFF (这里有一个颜色哦)
2 S9 U9 t$ I; L7 C1 D2  红色 #FF0000 2 H) r' D% D6 l, x  \
3  绿色 #00FF00 8 {9 P+ ?* u2 O0 z: V  l; W
4  蓝色 #0000FF
. A; x" x) ~8 u5  牡丹红 #FF00FF 5 k/ o' q* Y8 H  T$ z
6  青色 #00FFFF ! O4 ^; S: U, s
7  黄色 #FFFF00
" l- |4 \. @: V" u9 h/ W8  黑色 #000000 , s, p7 y( e4 d' V9 q) J
9  海蓝 #70DB93 " B4 ]3 F! Y- z, M+ S& v9 |6 n
10 巧克力色 #5C3317 " S9 m. ~- I5 m5 u5 X+ b% j
11 蓝紫色 #9F5F9F
/ J1 d4 i4 p2 @' _12 黄铜色 #B5A642
9 {7 d4 u* x! X) y13 亮金色 #D9D919
$ ]1 J4 k) P* B7 H* ~7 C14 棕色 #A67D3D
. ?! u- w9 g9 H; v15 青铜色 #8C7853 ! i7 O( ?% u: [& l
16 2号青铜色 #A67D3D
5 `9 i- R. `$ {17 士官服蓝色 #5F9F9F1 z/ \; y: z9 w$ T( r; Q7 P. a
18 冷铜色 #D98719
* W9 |; C; p  a! j# P19 铜色 #B87333
9 ?) I; r9 Q3 }, u) K* w% l20 珊瑚红 #FF7F00
% f  ^5 |6 n& H2 h* x6 d21 紫蓝色 #42426F
  a9 t4 u) _; b22 深棕 #5C4033 + l2 A: }) e9 F$ E
23 深绿 #2F4F2F
0 V. E/ I( D' B24 深铜绿色 #4A766E
# ?4 e" a9 L6 e7 g+ M6 z2 s25 深橄榄绿 #4F4F2F / r& t/ ^$ ?0 w% r% E. H
26 深兰花色 #9932CD
. h6 t0 w% M  J, K; Q4 S27 深紫色 #871F78
' D: ]7 W( Z0 u; w3 v0 n, @6 g28 深石板蓝 #6B238E
) L; S) n6 r7 N1 O6 p. V6 a- N3 R- e29 深铅灰色 #2F4F4F   t/ E# U/ K4 I/ h: X, F
30 深棕褐色 #97694F / W5 K, v% P! z  S7 m  w
32 深绿松石色 #7093DB * m' P1 E0 H8 p6 X  U$ w
33 暗木色 #855E42 % I. l& {& i0 u2 _) M+ m' j
34 淡灰色 #545454   @/ D3 |3 }( ~- O" N
35 土灰玫瑰红色 #856363 , I% s: |$ E4 ~4 Q4 m- k. T9 I
36 长石色 #D19275
. V* x) B! m/ W; `37 火砖色 #8E2323
& o5 H" ]' R6 R' n2 N38 森林绿 #238E23
5 D' W7 t$ \1 U" p( q' l39 金色 #CD7F32
! d7 f# p/ q& x5 z% J: j% ^7 T40 鲜黄色 #DBDB70
0 @# X! C' g$ C+ }0 `1 C% t41 灰色 #C0C0C0 4 E% u" N  P5 g& B2 v
42 铜绿色 #527F76 & M" F5 l' y8 o4 D) _. ^
43 青黄色 #93DB70 & w; Q: t) Q. D3 s8 b' d; Y2 v
44 猎人绿 #215E21 7 d% Z3 @9 }( G3 V- c
45 印度红 #4E2F2F ! F7 q2 o; G# V  {
46 土黄色 #9F9F5F
0 |$ L: a9 X" K- _; M& Q- h; h47 浅蓝色 #C0D9D9 7 ^* r% N5 Q. c2 B1 u% Y4 z
48 浅灰色 #A8A8A8
; R' Z/ }) z$ ~9 U  `) K2 s% N# g49 浅钢蓝色 #8F8FBD
7 O( T- t5 |) {. e0 P! |) G59 浅木色 #E9C2A6 9 u4 l# R- D/ k, ~4 R% Z
60 石灰绿色 #32CD32
" Z7 d2 w, h5 ~# f61 桔黄色 #E47833 9 Z! b4 _1 ^5 ^$ E+ c
62 褐红色 #8E236B
; v- k+ ~0 X+ y4 k2 D+ |63 中海蓝色 #32CD99
9 [1 ^0 x& z7 _2 \64 中蓝色 #3232CD ; w3 S: H3 Q2 `( t. T4 D
65 中森林绿 #6B8E23   S; u' O9 B5 `8 {& s) t. [
66 中鲜黄色 #EAEAAE : `6 r7 ], U  j! k6 {
67 中兰花色 #9370DB / r- S- A# d2 f0 b8 ^' K9 j
68 中海绿色 #426F42
0 C/ q0 T8 q" b! b. O, G. q69 中石板蓝色 #7F00FF
- }7 z2 O! x4 Y/ W70 中春绿色 #7FFF00 $ C- p2 m4 D+ n% g0 b
71 中绿松石色 #70DBDB
) \! |" l( W" b5 A72 中紫红色 #DB7093 2 G. o$ C" O  n  z) P
73 中木色 #A68064 : g; i( M  Q1 [
74 深藏青色 #2F2F4F " v! a6 n+ @! L4 J0 U. C9 t& q7 n* P
75 海军蓝 #23238E
  l, n8 I4 L' W5 y9 e5 [) V3 L76 霓虹篮 #4D4DFF ; |' u; `! K) [; d* j
77 霓虹粉红 #FF6EC7 ' V3 a% _0 ~3 ^# z9 b* ?- k4 `1 T
78 新深藏青色 #00009C
# M2 K8 a. H$ d/ w4 B79 新棕褐色 #EBC79E & B5 \6 T# ]# Z' Q; G' e7 `
80 暗金黄色 #CFB53B
3 `9 y; o3 s; \& z3 s& Y  g3 f3 q' j81 橙色 #FF7F00
" z8 c& T( x' F+ [/ K7 S1 h& A82 橙红色 #FF2400
3 ^! W6 o9 r/ u83 淡紫色 #DB70DB . ^" p) e# l" D( v2 I9 d# \2 R
84 浅绿色 #8FBC8F
, Q* }7 {% n% t% v6 O: c( E85 粉红色 #BC8F8F
% Z* E+ I6 @) v* L' |1 _4 B& g6 N86 李子色 #EAADEA ) W  }$ Y6 w) ~6 G/ F1 m
87 石英色 #D9D9F3 ; g" P' f4 D6 V( E6 E" `# `* {7 \
88 艳蓝色 #5959AB
3 v2 V  \  O* M$ ^2 d$ p7 l' P89 鲑鱼色 #6F4242
- `) z( Y8 y! F& s90 猩红色 #BC1717
$ I! x# q  J1 z; l7 G! U91 海绿色 #238E68
( h6 Q1 B- m% @& ^) h92 半甜巧克力色 #6B4226
+ |+ I+ n8 Y0 r5 m# Z9 e93 赭色 #8E6B23
' g8 @# Y& Z: D% t  M( _. z94 银色 #E6E8FA (这个是银色), ~9 v8 W2 s- M. W1 m) w
95 天蓝 #3299CC
* B/ a/ t  R' V96 石板蓝 #007FFF ; F' ^2 s! B9 G) A6 _
97 艳粉红色 #FF1CAE
1 Z2 c3 m3 U9 i  G: t98 春绿色 #00FF7F
. J# p9 |4 w3 g2 h99 钢蓝色 #236B8E , H1 m! L; y3 U4 D0 Z# f
100 亮天蓝色 #38B0DE
* P4 u0 C' L: T9 Q7 q: m101 棕褐色 #DB9370 % m( o& n! N+ }) k4 u) x9 _7 A
102 紫红色 #D8BFD8
5 ~5 X7 Y9 z, p6 j+ B& L+ P, z103 石板蓝色 #ADEAEA
. F, R2 S. T# g$ z% c8 s( ?, P104 浓深棕色 #5C4033
2 }' y+ z; X% t' _5 T5 Q105 淡浅灰色 #CDCDCD
+ u' `" ^+ p5 d8 P106 紫罗兰色 #4F2F4F
9 C4 u/ t  A$ B2 C107 紫罗兰红色 #CC3299
" s$ p3 W3 t, w: V% S6 i108 麦黄色 #D8D8BF
4 ^) @& F6 o1 |* H; \9 J; b109 黄绿色 #99CC32
( Z: m0 m" N- G# M1 G+ Q- S- h2 v


转载请保留当前帖子的链接：https://www.beimeilife.com/thread-17367-1-1.html 谢谢
回复

使用道具 举报

沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]
' J: I7 E7 a2 V( Z. ?$ f[tr][td]: n; i  q4 W. z& ~( R8 X
/ ?$ S+ o- F# L9 o% J# @3 y
内容
[/td][/tr]
8 i" x& R4 w/ w[/table<p></p>" q! j% e9 o7 s7 y2 ~/ Q2 y
4 ?$ D5 X# q( T3 w! B

+ o, |. I# ]- d' [* g! C4 v?
回复 支持 反对

使用道具 举报

板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html
回复 支持 反对

使用道具 举报

返回列表 发新帖

使用高级回帖 (可批量传图、插入视频等)快速回复
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

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

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