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

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

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

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

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

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

% S+ d  L6 K9 c9 K9 u3 L2 K/ \
简单边框之一：
( ]$ [" k" G& X3 `' b# z4 g' R0 t5 ^
单纯的内容边框
! r1 \$ _% z$ z# K( @
" y1 D' Q7 y4 X- z
4 ]' w' B7 j! {$ W6 E" q4 G
内容
# z. n' `7 u' X7 }, o9 K4 e+ W
代码如下：
5 N- R: d, q: M. v
  • 内容

    : d/ t1 q; X7 i' N
  E$ |. V/ u- ?4 O. E$ a1 ]
复制代码
- ?- g& T3 j$ Y( k6 r& Q
1层边框, H4 N4 _0 m' [  I
内容
代码如下：
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]) |1 {: s  e9 r" l$ r+ T
  2. 复制代码
复制代码

" o6 R- s  b" e+ R5 ?% d
; r4 @" P  W4 F, l/ y0 j
  • 内容

    5 S% V: b* C* A. d( A6 }0 k
- v1 Y- F8 m  G( J
复制代码6 n. E9 B% C9 h4 J
  Z, X: K! I5 a2 k
2层边框
; X1 d! e8 X! I6 u, M$ p4 g/ \5 W& `& l  s3 i5 Z1 i/ M
内容
代码如下：
  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]
复制代码

! s- I+ M- `! K& X9 g0 ~) x5 T
6 P% J0 I* D+ G. m& X
  • 01.
    内容

    ' a/ b# U0 ?+ C0 x1 K3 J0 ?
# j# O5 p, ?7 D. v% D
复制代码
* F! R$ c) W* Q/ b0 N' t4 t( f
$ \# R, G* I, F( t- `* ~2 ?
3层边框
0 J5 B+ g3 i$ W" T
内容
代码如下：
  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]
复制代码
" R! C$ c" N/ Q$ L4 ]3 F
" {4 P8 q/ Y. G9 c. g: ^
  • 01.
    内容
    7 T4 h# z- I" v- }- h! k; b

# K7 S* M9 p, }) i2 O  x复制代码
+ q9 F: J. {6 r7 T, g

0 P* J4 M  E( W( f2 h' ~0 s4 y6 d! f9 j) R
简单边框二：
8 u- W4 O! {8 S: [9 @
& H- `% S. Z5 t7 R边框效果：# m% t: f5 u5 p6 ?5 ~
( K. H2 g3 c* s" l
内容
: n5 @& i0 Q4 h( C  [
代码如下：
# H2 V, Y( R0 F+ Q9 G

! O# h" @' e2 E" q7 |5 G* s% q; Z6 z( n" A5 A6 A$ D" H9 A
  w; L5 ?' H# Z, }" W; X
* y8 O- T/ d3 g5 I) ]

" ]$ }% C% V! E( }, V
  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]
    : w- ~% Q6 B  }$ _- ?5 t1 x( c
  2. 复制代码
复制代码

5 h' g3 w* e" t3 ^. G4 e6 H1 L
! r7 G1 E" i  m4 ^( d4 J3 z: U' x7 W1 _! P; W8 O+ T. ~
! r& I- x' ^: ]  W- `
    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>
    复制代码
    4 O; t! G3 s7 K; |4 Z
6 m$ j1 Q( X. @/ l
内容
2 k  _  ~9 D  C: z) ~  V6 J6 k
代码如下：
( u1 f( l, k+ p4 I
  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]  z, N0 `; P7 W# G+ U( j
  2. 复制代码
复制代码
; f0 |5 X( _% H( u$ q/ Y( x  S/ b
* N' @8 J3 C1 A3 t
# c3 v' M+ ?% P' \/ J2 g* h
  • 01.
    内容
    ; }0 f* A2 Y' Y) m( y/ r1 I" z

+ d% B1 p! e! b2 B+ _& Y边框效果：! C" }% o6 A9 D
6 V3 u) b1 p# O4 m

/ H5 m; u. f& Y& G* p
内容
; |" A6 R4 n  f: t
代码如下：3 a  H8 Y( f% b' c
  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]
    9 R( S6 f  V# _# N1 N
  2. 复制代码
复制代码

$ O2 N, ~2 b  U$ B$ i2 T. Z! @+ G- B8 p* \
6 Z9 w( [5 t) a2 p' Y
  • 01.
    内容

    3 }3 {; {- I5 e9 ^- G( Y
; a+ m# {' A$ S& f' m' g5 H
边框效果：
* {; }6 Y: T* M. s, ?8 x. `7 w) S& j! j+ J7 X

2 c8 N" M. R( h6 U5 d& Z; q
内容
' U# t8 `0 X1 j4 I6 j( p
代码如下：3 ?6 S9 u, k" 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]
    % |0 `" g; l8 g( S- n  u
  2. 复制代码
复制代码

, |/ G+ g/ W' e) A4 H1 U5 x
, D: e$ b6 l: p# p7 B# v- o* w
$ ^4 G- _. Y8 j% c4 n$ J! U. i0 B
  • 01.
    内容

    3 u6 N7 ?2 E) B3 ~; @$ r
# B* q. s1 _+ e' [# v: W
边框效果：: ~9 Y# Q3 g, d; i% d2 V
4 `1 }/ n$ P2 ]3 S" R5 ?1 q
内容

" ?4 k( o# [* G代码如下：* B3 K5 d/ F6 U) L: f2 Z, M5 b
  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]
    * P# S$ \+ ~, O" |. O5 R
  2. 复制代码
复制代码

7 y) X0 `! |/ ?1 j5 }
: I# x' u2 L2 a1 _% {0 v
! K- g5 z6 o( b2 j
  • 01.
    内容
    2 _6 S6 G7 Z3 N, e! Q  G1 c7 b
: w/ V3 Q8 m6 i9 J  V3 Z
边框效果：" F( W8 d; s* h& o8 u
, p$ S! k, X# o9 X
内容

+ M9 x) Z5 |& l8 L5 \) x代码如下：8 a9 b  X; m* ]+ N' q
  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]' t4 L0 J+ K# a1 A! J
  2. 复制代码
复制代码

- T* r9 M" Y1 o& _, {9 S3 t0 |( c  o' \& ?# q, a8 h8 i
  V7 i! a. S/ j9 V
  • 01.
    内容

    ) D1 r3 \2 L# d2 p
边框效果：
4 h3 j) R+ ]  J! j( y. h% ?& G' a# @
内容
+ @: [' y% s+ M
代码如下：
0 a' \# `0 y2 \' E: R
  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]
    2 v4 p& {  M# ^
  2. 复制代码
复制代码

  T1 z% }+ G4 [* m. r& f; ^1 Y9 w9 z8 i  Q: R- M
. C1 R1 f( x" i, i  g8 Y
  • 01.
    内容

    1 Q% \& K0 B% c- C- f7 P
. f( H+ X2 R: Z9 c$ e

3 o9 n' }5 S) l/ }  q& x边框效果：( ~! N1 h( M2 B& B9 L
/ V+ t( `/ s9 @" B# p4 f/ s& d/ r
内容

1 \) M  ^8 K7 e4 `, d: t' F代码如下：
, u  R. D1 c0 `8 d+ d5 `5 K. p- A: t
  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]4 w2 M* L, j" y$ Y* w  e5 Q- N
  2. 复制代码
复制代码

' I4 W! O9 r3 ]5 C7 N9 r) e6 G8 g
, p# L, x/ ~5 T4 d
  • 01.
    内容
    , ?8 N  Z5 W3 \7 b" t

: [: {6 y" A3 s/ e! `+ s+ @7 I2 U边框效果：1 o1 U6 A+ M0 Z5 @( [; F

) w3 d) o1 a4 N+ ?2 r! k* O
内容
2 G9 S: y6 O) d; r! Y" X2 U
代码如下：
* H8 o0 d8 |' e: l/ m) G% `
  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]
    ! k: U+ _, m/ u; R5 R, [# o( f
  2. 复制代码
复制代码

4 `+ a& C8 R; {* y7 [. _/ H9 y: r, d0 _  g9 R8 ^# v  ]  P

4 u: E+ I5 T1 j7 H
  • 01.
    内容

    : {- c% ^* L" w& {  U# q

/ k5 n( ^" Q1 @, W9 f边框效果：
) |3 A* _. R/ V6 i& P* Y- k& s! w( T0 P* h9 N9 g* B
内容

; a& C, E* _9 c0 Q8 `' i* J代码如下：
4 L0 \$ ]' v, P' e9 \7 g
  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]
    + S' ^5 j* x$ g, \
  2. 复制代码
复制代码
! c7 B- ~( ?  g. n; P9 P! K
9 Q, Z  a8 R- g/ L" |% P8 ?
! Q# z! j3 a2 E1 d" B1 K
  • 01.
    内容

    * h. Y; @5 c& V2 P/ \
- g) q* y0 a. @

% o0 u$ _3 }# c$ H, `7 Y/ a: V方法：
3 R4 u4 _9 [' W& i把代码复制下来.
7 ^  V$ N. J: G粘贴到你要写的帖子中...
0 c1 |/ G6 y4 b然后勾选文本编辑框右上角的纯文本...; O: Y2 J/ `' D0 I
你就会看到代码....." g( F. L* q: o1 |: Y* {; R
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]8 A& m& R) Z. Y6 D" Z% `, S
table=560,#ce0000     第一行       #号后是要你替换的颜色代码1 A) y0 q4 @- N$ E
table=550,#ea0000     第二行
! O; L, |& \- w* I2 }+ wtable=540,#ff7575      第三行( c, l' a! \3 Z  x' ?: c+ c
table=530,#ff9797      第四行' O! X; V3 b1 D2 l
然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！7 O; l' _7 R9 _% Q3 g2 _

  j( w0 |8 H5 @+ S0 F2 |
3 ?7 a% W6 ?9 y0 S2 Y备注
$ B7 t( {4 U, s% ?$ u1 c, N) G3 n& h2 }. r
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
9 |& X/ X6 G0 Y如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
! }; `! I' a7 }3 |, O
0 O+ Y; D8 L$ {, m3 W0 Ytable表格大小不要超过560，超过发出来会自动变成98%/ Q: A7 |, {7 P. N

6 V' p. i- r. u8 F颜色代码：
5 y  N! a: x: a% X; O7 {发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。2 F6 a- G( e5 t8 V; x2 H; R
. W+ w; k  Q7 C5 f( ]
效果：
' D. k# O1 P* l7 o- I
1 d0 M* Y! n/ Q1 D  d0 j1  白色 #FFFFFF (这里有一个颜色哦)8 o( C( b* _$ N/ S$ o
2  红色 #FF0000 : D* E' e/ q' m& ~
3  绿色 #00FF00
! G7 @% d6 g5 Q+ K0 P  C8 ^( F4  蓝色 #0000FF
. V/ x' l! G& s5  牡丹红 #FF00FF
( X- m9 T) B2 P6  青色 #00FFFF 0 v# w( s. r7 C/ x* u, z) B$ z
7  黄色 #FFFF00
: Q6 {4 z  [3 s- L$ c& \6 e9 T8  黑色 #000000 % R$ ]7 C8 ~: K4 e% x$ Q- q+ f2 G
9  海蓝 #70DB93 2 T" [" P* s2 R1 t" x
10 巧克力色 #5C3317
& [- o. \$ m" ?( f8 Y7 o0 |& q3 K11 蓝紫色 #9F5F9F , @! K1 K+ ?4 D; I  x# ~
12 黄铜色 #B5A642
& V" ~) W# e( i+ q13 亮金色 #D9D919 ; Z) p! `0 u, v1 y
14 棕色 #A67D3D
) c: C+ k5 z7 Y4 p& T- R( M  ~15 青铜色 #8C7853 9 H2 ^; W; D/ @
16 2号青铜色 #A67D3D 0 a" P9 A" D+ M9 x  y6 a
17 士官服蓝色 #5F9F9F
0 s0 X; Q& g; r: l! t$ }18 冷铜色 #D98719 - G* n" b" s7 C, d: P
19 铜色 #B87333
+ P+ v; `5 v  a$ A$ v20 珊瑚红 #FF7F00 $ M2 Q; L! X8 }( l
21 紫蓝色 #42426F " o+ Q- }# t, V+ r; e0 T
22 深棕 #5C4033 1 T/ _- k5 o: y* ~0 ~# i
23 深绿 #2F4F2F
6 n( a2 f& @. }' R( b* Y: d9 L24 深铜绿色 #4A766E , L& G8 O0 r8 M, A+ X
25 深橄榄绿 #4F4F2F
% A0 ~3 r9 t) u# k# C7 w26 深兰花色 #9932CD
: G$ d4 t1 n* s( D27 深紫色 #871F78 & Z* k" `, i# ~$ W" T
28 深石板蓝 #6B238E ; y. l- s( |5 b4 U5 f  X% L
29 深铅灰色 #2F4F4F ) t3 f7 d' r+ ~
30 深棕褐色 #97694F
6 |! _8 X( Y  G6 _32 深绿松石色 #7093DB - u! @1 c; N* t! P! ?
33 暗木色 #855E42
0 B* L5 a# G% n0 t1 g34 淡灰色 #545454
* G: q, r1 M/ x" S, d9 q8 Q0 [+ j/ b# f35 土灰玫瑰红色 #856363
& R7 c$ g$ g# [! ?0 D  j: o3 e36 长石色 #D19275
0 @3 n* v- l. a+ b0 |" ~# ]) P37 火砖色 #8E2323
' Y, N8 f1 @& e0 m38 森林绿 #238E23
; V1 c: j+ k0 X3 H; c: i) ~39 金色 #CD7F32 3 m6 I8 U/ N* a
40 鲜黄色 #DBDB70
# Q+ E) O( s) V6 I41 灰色 #C0C0C0
) h' ^. X/ ]! C  L42 铜绿色 #527F76
+ q. O, @( c, h$ ], c/ E: Q43 青黄色 #93DB70
/ ^2 M$ z( A% Y: b44 猎人绿 #215E21 * Q4 R3 K, o* C% ^3 n7 a! M
45 印度红 #4E2F2F
4 `, `- u* H# m) S46 土黄色 #9F9F5F ! W/ q1 f/ W  F  z  i
47 浅蓝色 #C0D9D9 * `1 S5 c# E! H0 O. S, O" k
48 浅灰色 #A8A8A8
- k2 K4 H4 [% s9 D9 u  t49 浅钢蓝色 #8F8FBD
5 X  `" m5 v2 ?' H# q5 \59 浅木色 #E9C2A6 8 Z1 X+ {5 z: l# Y. ~
60 石灰绿色 #32CD32 ( i' V. t/ ?( G4 p
61 桔黄色 #E47833 ' h3 X4 o1 q- X7 ^: q0 q& W) o! P
62 褐红色 #8E236B ; y% H4 c8 a: [7 \* Z' G
63 中海蓝色 #32CD99
3 I  m  e1 a5 w) b+ Z64 中蓝色 #3232CD
0 O. i9 g% d/ y  _" r: l- H65 中森林绿 #6B8E23 + s2 K' ]% E( L  g( q; F7 j
66 中鲜黄色 #EAEAAE 6 G  E8 Y0 `7 K# \- O
67 中兰花色 #9370DB 8 G6 D1 l" F6 z2 [" C
68 中海绿色 #426F42
6 _6 H* ^9 n0 t69 中石板蓝色 #7F00FF / ?8 @) Z6 X4 S1 Z4 d$ m
70 中春绿色 #7FFF00
" F) U$ G3 o. Y" H71 中绿松石色 #70DBDB , w& y" T, ?1 C4 B6 W/ q
72 中紫红色 #DB7093
* q- L+ V0 |) r0 ?8 _% J73 中木色 #A68064 1 |: W6 o9 O. ]) x+ x4 p5 D8 ~& p' \
74 深藏青色 #2F2F4F ' g0 O5 J0 H  v0 ?2 U% ^
75 海军蓝 #23238E
' \8 W9 R; _' x) J2 w76 霓虹篮 #4D4DFF / @2 e4 v! B# [* B# x
77 霓虹粉红 #FF6EC7
- }7 z( }% x. C' y1 Y; `/ s* ~9 ?- c78 新深藏青色 #00009C
8 Q- C3 f* f6 f' ^, I79 新棕褐色 #EBC79E
3 \" c2 c0 L: W4 Z80 暗金黄色 #CFB53B % J: L/ n, b# k: \2 C8 W
81 橙色 #FF7F00 4 [( h- i6 @4 H
82 橙红色 #FF2400
; V* o3 |8 k3 k+ q3 y: o( g% o83 淡紫色 #DB70DB 3 x9 R0 {3 a, y: Q) m  n
84 浅绿色 #8FBC8F
8 Q2 ]8 c6 h1 V, J85 粉红色 #BC8F8F 7 W9 G( i8 J; M1 {4 ]5 j5 c1 G  W! H/ p
86 李子色 #EAADEA - k: ^9 C4 Z- ~! K# N. U
87 石英色 #D9D9F3
9 ~( E4 r% _# D! u88 艳蓝色 #5959AB 6 A8 T2 `5 S+ T4 |5 J9 p* v7 W
89 鲑鱼色 #6F4242 & t: N8 U% R" B/ g) o5 {: q
90 猩红色 #BC1717   i% z- U4 T& B
91 海绿色 #238E68
) S1 l) O0 i/ V& G% u92 半甜巧克力色 #6B4226
3 ~& [) S. J! X' Q4 S, @$ G2 ~* h, i93 赭色 #8E6B23
, _! O2 l+ {- T) Y5 x. n# H94 银色 #E6E8FA (这个是银色)
- x: [* u0 z2 i; n8 L& Z95 天蓝 #3299CC & L( @* ^- g+ r* K1 t: I/ M
96 石板蓝 #007FFF
. ?  ]8 n( V: ~; e0 }$ z" R97 艳粉红色 #FF1CAE
. \/ U# s1 |: Y3 p6 b+ O& ~98 春绿色 #00FF7F 2 q8 m. Z" ]; e. W1 `6 f" @3 N: x
99 钢蓝色 #236B8E
8 J3 W3 Y4 H, _2 p100 亮天蓝色 #38B0DE 9 A8 I/ z1 z+ J0 f$ ^6 ]0 H' O0 z  _
101 棕褐色 #DB9370 : ?9 M; e2 m0 ^1 I! d; R
102 紫红色 #D8BFD8 2 c1 D( V4 `  h) v6 x
103 石板蓝色 #ADEAEA
9 x5 r( _4 J7 X7 ~& U104 浓深棕色 #5C4033 . D7 i# N; G; f# Z9 g/ m& S7 c
105 淡浅灰色 #CDCDCD # T5 h0 W' Z1 K$ C/ }  a6 k5 T
106 紫罗兰色 #4F2F4F ' Q: k( z0 E8 N6 w2 ^- R# Y
107 紫罗兰红色 #CC3299
! I/ c( G- F' ~+ x, u8 q108 麦黄色 #D8D8BF . E# M! q! f) ?
109 黄绿色 #99CC32
: v/ ^8 h! X! |; h8 H. X6 S/ `, D$ G3 Y! i6 M9 u


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

使用道具 举报

沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]; G  ^( {& o, f1 j( [! f0 O$ R
[tr][td]" E+ Y$ z6 e. {" B

: C' O7 ?9 s* u- L1 P' a
内容
[/td][/tr]
, C! d$ |1 ?) J( M: L( l[/table<p></p>1 v- I$ l' F! W  v) S7 [9 G
, t- L9 m, z- d( V& q/ {7 P7 v

& ]/ {4 Q' k( G8 D?
回复 支持 反对

使用道具 举报

板凳
发表于 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地址等记录保留，只要接到合法请求，即会将信息提供给有关政府机构。
快速回复 返回顶部 返回列表