开启左侧

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

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

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

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

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

& x. X! ^+ B1 l5 o, J
简单边框之一:
6 F! @' y3 `( A3 |0 l0 o# M; r& s# W5 X
单纯的内容边框
1 f2 U' `% {6 Q, ]* y3 L/ f1 Q$ b7 ~6 a0 g# S9 ^
$ _6 t. U) w) ^8 ]3 u
内容

$ @/ _* x! }. N6 Z代码如下:) c  C3 C* s6 ?/ O
  • 内容

    $ ^; S3 i, @4 f7 o% S: H
: @* L/ H# B# n, o( W/ J
复制代码

3 W! k4 n* ^5 X; W
1层边框7 `$ d( E; N# S
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table], r+ D# ]1 X! S2 }
  2. 复制代码
复制代码
3 }$ w, v5 f$ k8 ^/ q

- u4 S- Z; W0 O2 o9 _9 L7 }6 T
  • 内容
    * ^$ P# d9 m1 O- U9 V) U' G

0 }+ _: n8 W$ N& {5 p: }9 c& Q4 ^复制代码

9 o6 s: @( p% Q: J" ?
$ q1 l3 X! ]/ Y* ?% Y
2层边框" J# `- a, ?: j5 a  S3 G
$ h$ m7 a3 z# n* h! ~: N$ 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]
复制代码

. @" r+ I) P! h/ `$ a+ h8 s- Q  x$ r5 \+ o% m) m+ D, g
  • 01.
    内容
    % _* m" E. a& f! \% @" v
$ M6 G9 T0 U6 s
复制代码
2 s8 [/ |5 E+ _% u! t

9 y3 U" N0 \- B; V* ~* n# V/ d
3层边框6 I  w! G1 Z1 F% x% h
内容
代码如下:
  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]
复制代码

' z4 b* z3 [& R4 @& r5 X! }
, G6 R' H4 X7 I/ G0 i/ _/ @# ?
  • 01.
    内容
    + Z" u: Z: U3 y( L- Z( b
& b" k) z3 h# P! P
复制代码

, n$ U& z1 a% M% u& a/ e
: F0 X! F/ l, E0 t4 T  v
' P5 P1 t* b3 U5 h1 r
简单边框二:
/ O% K: l* Y9 W
) S4 }! f- D- ^. I% e3 }边框效果:
/ S# ]2 I; [2 M% ~3 I1 B& r

# ~4 a9 F' ?( J3 b; b$ n/ m
内容
6 W, \3 s, h% \* A2 w; b1 p; b1 ^8 e/ r# }
代码如下:8 W* S. h) C6 W9 I
- c, ?: J! g2 U
) d4 r! t( n9 }- n& Q# y! @

- M: p& U; B* d  D
: i/ A8 J$ F9 C1 L* n& ?( x& k8 k
( ?: T+ g, j" t4 d* X1 @/ R+ r: }
  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]
    . Y4 A7 P3 n) E6 z( `1 ^9 n! C5 t
  2. 复制代码
复制代码
! Q* n$ n. ?' ^0 C6 l1 I7 z1 `5 _
; j" p) x3 {( u- c; a# {* v

% m; O- _  W  q9 |' F

' E: Y) a  r8 L, w' h0 R: d0 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>
    复制代码
      n5 G. w6 u1 W+ r3 u) R  c
" G: {1 ~* W, ^
内容

# u2 l  ?. X, i$ H代码如下:
2 ]- G/ s/ j+ P% D
  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]
    5 ]. ]5 f0 P5 u+ L3 ?+ n' u* W
  2. 复制代码
复制代码

) x3 q( K+ B3 U8 V
0 |  |5 f1 m* ?& i5 N) y  a2 W, ?

5 q3 v' y2 d- A6 V; o& z
  • 01.
    内容

    & y8 s5 U- L( o; ]0 T

3 b3 D( Q" z4 Y" g6 |" p! Z/ L4 q
边框效果:
  g" H, u5 P& _1 G5 e: I. {8 R+ B1 D% q5 U( A& |& f
2 s# [) P$ S' t* B1 ^$ }7 D' d, M9 f
内容
0 i4 ?) R! E2 w: d% U6 z! W7 \
代码如下:; P- m, t9 }' ?
  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]! Q1 f" C, ~) ^! [
  2. 复制代码
复制代码
* H6 d( {& ?0 t. a: H; M  n
9 H+ g' j0 q1 H1 ?, d
& i8 G& X3 {1 p7 B( R
  • 01.
    内容
    ! p/ C2 Z% F7 N8 u8 X% \$ p( x: e, {
1 I/ e  P% }6 U: n2 A) a. Y* z
边框效果:
, z: ^/ @" X( D7 i) f: G5 V" y) h& s0 o6 V1 h
( K: [8 f7 E2 q3 V# K5 K5 v
内容

/ [% o: C" m; x9 x3 y3 F- ~/ s3 M4 t0 R代码如下:* u3 x: t; O/ R
  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 \" U( B/ s( G2 Q  C
  2. 复制代码
复制代码

$ }/ S- y. H4 `1 i4 {$ i# S2 I5 q1 R& O7 m
5 Z, Q" K0 S. @( Q0 Y6 J
  • 01.
    内容

    ' Y, ?4 T2 }( b. p0 \; H  `
% b! n1 f7 B4 L& F8 q3 P) q
边框效果:
- ~/ v3 \8 L: B: z6 z3 k$ |

  L% j# B! [2 s; \2 q! [8 E
内容

/ x( g. p1 U3 j3 X. z代码如下:
2 r+ n# }2 q: 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]
    $ b; m3 K( Z- h/ N. }6 R7 w
  2. 复制代码
复制代码
( o/ a/ X5 u/ t. ]" t3 F$ |
8 e: `- x5 k7 p% h* p% U

9 h: A- `0 y4 l9 x" V9 X
  • 01.
    内容
    # r, e+ t7 P+ w" R% ~

. O( M8 f7 d0 }! q6 y
边框效果:
+ R+ D5 w& ?. b- k' I
- c4 r6 x5 F" m' c" T( J
内容

6 S, U7 E; H) _& j" j% W' J( O代码如下:& A3 P# y0 O. V+ X( \0 B
  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]
      u# m+ U1 q; p# A3 ]4 T% d
  2. 复制代码
复制代码

" t; {) j! P- p
% G9 G+ L+ W- i- j
2 R: P: A8 R$ T
  • 01.
    内容

    8 d6 W5 h, K' l; \* f
边框效果:
9 d4 G3 z5 x' z9 \: W
9 g( p0 C# P3 D7 h: e( g, U6 K/ o
内容

8 Z8 D+ x4 g5 Y8 M3 G3 I; s5 r代码如下:) d% \( h# Q4 \4 H" F* {
  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]
    1 T' G6 @0 z5 O8 s% N; f+ [3 @$ s
  2. 复制代码
复制代码

6 O9 n5 E4 C" x6 }) Z
8 }: D2 v6 V7 r3 O$ V0 C
) x9 |' K3 E# [, u
  • 01.
    内容
    1 e; j  v* w/ ~+ P6 Q8 l
* ~) S  |  `5 l$ N! D; W: y8 O
- w0 O8 z8 l& F$ `1 V3 \
边框效果:. g& K) m8 P$ E
/ n+ K' Q: ?. B  q- m
内容
4 C& u2 {+ k6 W* h, W
代码如下:+ v, l9 U0 A" H) c% Q1 k) L9 L
  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 G! q' x7 s* j
  2. 复制代码
复制代码

# h2 D5 u& y$ L# ?, V' P9 E
' n9 A& M4 Q- p9 \- O9 u5 I
: Y3 H3 W  k. r! ?+ y
  • 01.
    内容

    2 d" b& r( y; c0 g* e

- i4 D7 l0 X- x# G( z
边框效果:
% y+ j1 g5 ]* |5 ]1 R

/ V, K. B0 v) P8 Z- `: _
内容

5 b- a. f! k) X& y: S2 t, e7 z9 d代码如下:
& T6 J+ z- A4 o0 X* A
  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]7 M) r6 ]1 s6 ^5 C
  2. 复制代码
复制代码
  F+ W! o, W" D! }: m" F( k$ `

* g& V3 j8 ~1 q4 \7 z
# @: g4 S$ N1 D4 I+ z* f1 `
  • 01.
    内容

    & p$ f1 C6 k7 ~7 J5 [  x! f
- x8 W4 G' w' v  V% ^0 ]+ q
边框效果:
, X. l) e" Y; ]7 A6 ~. X
' x6 a% R; s6 T/ {  _; D
内容
  a7 f& Y; q$ Y' k1 A' K
代码如下:( l0 a+ Y1 \% f0 |6 u0 o8 a( e
  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 h4 \9 V. s# a2 ~0 F4 I
  2. 复制代码
复制代码
, C+ a7 ]7 h; ~5 i- `% w$ K
" I. W1 G' r* |% V' |/ F
& H' Y. k! r0 l
  • 01.
    内容

    0 ]# m4 K& f; g8 d- @/ I  S; k8 U$ z" z
0 n: r. `/ V4 M1 I5 s. y: n# ~
- Q, V4 z% x3 ?7 Y2 t
方法:
% I9 Q6 H6 Z- g( J3 Q* _
把代码复制下来.8 i" M' B4 p8 y
粘贴到你要写的帖子中.../ T6 S2 ~$ f9 k- _
然后勾选文本编辑框右上角的纯文本...
( p* T4 }1 s$ i/ u; }! o) R9 O你就会看到代码.....
6 W$ W: v( V" e" k其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]# w1 L: x* F2 N7 G3 Q- _
table=560,#ce0000     第一行       #号后是要你替换的颜色代码
4 o% J4 T2 M0 J/ @( r+ stable=550,#ea0000     第二行+ a0 [8 N. A6 z7 T
table=540,#ff7575      第三行
( h9 P9 D  x8 V) A; ^; ctable=530,#ff9797      第四行; ~  H8 j- Y! m: [: j* X
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!

3 G. p) z% t1 j4 ~5 r- n6 X0 `; V' U8 B4 P* {

. i+ J+ j- U' i0 U3 o" X备注0 a+ X' {+ t7 P2 O5 g$ ?0 m  U! Z

. d+ Z, n; T; F: `帖子里“=560 ”是帖子宽度  #999999是颜色代码。
5 y) E2 T+ B; q  O% C如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”9 f& p8 c- n; n* S! e7 Z( {
, a5 o& {: ]3 N0 ?% n$ m
table表格大小不要超过560,超过发出来会自动变成98%
& C& I% ]8 H) W) j& R/ o, E' a+ V" L
颜色代码:
( X2 Z8 p7 Q4 x! U9 K2 P发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
0 W* }' i; p3 k, F+ W' ~7 x) C- Z0 r
效果:5 D* ^  N9 y! M+ S, g) z! W7 D
  N! Z! n2 u! E  ?& {5 ^
1  白色 #FFFFFF (这里有一个颜色哦)
6 L+ N7 b0 v: |7 u9 H, f4 l; h& `
2  红色 #FF0000
' Q5 g+ }# u, P- g. l6 P: i3  绿色 #00FF00
7 P6 o+ V: [8 H# Q2 _* V4  蓝色 #0000FF
/ f' f# e- ~5 s% E1 H% G; I8 x5  牡丹红 #FF00FF , J) r5 p3 x9 l5 @/ ^! l9 S
6  青色 #00FFFF 8 k5 J' ?7 E9 y% n. _. t
7  黄色 #FFFF00
; ?3 ]0 G/ g) f$ Z& ^! o% q! k8  黑色 #000000
. z$ W" u9 X6 s, q: g3 p$ n4 v9  海蓝 #70DB93
5 g8 a6 ~* a& C0 ^6 f10 巧克力色 #5C3317 / k1 t4 w& P4 d  j# @
11 蓝紫色 #9F5F9F   p/ ^9 J) h9 S9 D! n& T1 X
12 黄铜色 #B5A642
3 M& |" o/ z1 C( C) p6 r" W13 亮金色 #D9D919 % X* `6 a( o5 z$ E4 j
14 棕色 #A67D3D
4 B- N8 [! t) w/ d/ {( g15 青铜色 #8C7853
; x% r1 n3 ]: H9 E( b" I16 2号青铜色 #A67D3D
2 ?. B/ _  s5 @* x% M17 士官服蓝色 #5F9F9F4 _" i# {' n. g& J
18 冷铜色 #D98719 5 E! a6 _: M" @" o8 q4 G1 R; |
19 铜色 #B87333
, x8 L  K. E# H" [9 W20 珊瑚红 #FF7F00 * O8 B+ ?7 }* b: n0 h4 t: ]' U
21 紫蓝色 #42426F , `' C  _: k, M" V& @( n
22 深棕 #5C4033
% G' K6 a1 o; @( S$ ~* ~. u23 深绿 #2F4F2F
6 G4 E- ^& ^3 q24 深铜绿色 #4A766E
: Y1 t0 L& j8 S( ^/ C25 深橄榄绿 #4F4F2F
! |: w4 r0 O0 q7 l  K26 深兰花色 #9932CD 4 E  o0 L1 e( w, {
27 深紫色 #871F78
' B) X0 L+ v4 ]1 u0 e7 ~) u28 深石板蓝 #6B238E
2 ]% e$ B7 B, U( O- M! A" l+ {29 深铅灰色 #2F4F4F
  j5 c% w, r* m) k/ i% [30 深棕褐色 #97694F   t% b3 r6 i" A
32 深绿松石色 #7093DB
& [6 M/ M9 t2 h2 L" Y0 M33 暗木色 #855E42   }' p9 x( b% k9 }, z' G+ ?
34 淡灰色 #545454 , W# n' H& k/ J
35 土灰玫瑰红色 #856363
* c( J5 |! p( n, w1 U$ S& `36 长石色 #D19275 : j% ^- ^* h8 I3 Z3 [# o- Y
37 火砖色 #8E2323
+ m0 `! u; r1 n# s38 森林绿 #238E23
* p) Q* ]% }# d2 r9 N& P39 金色 #CD7F32
( u% t6 G- K+ R; _& `  k5 }, z40 鲜黄色 #DBDB70 4 l5 m8 ~: _# b8 d( H" {
41 灰色 #C0C0C0 , M5 {9 J9 T3 b( g  H' M
42 铜绿色 #527F76
& V/ L; J# L7 J7 k43 青黄色 #93DB70 . W! E% f# W2 ?4 }* U
44 猎人绿 #215E21
) P1 T4 k7 D' q3 O% [* ?45 印度红 #4E2F2F 8 `9 R, w' d5 r! ]& ]( Q+ C
46 土黄色 #9F9F5F 6 V0 y0 h! c( X6 R
47 浅蓝色 #C0D9D9
: ^4 I: R* z# z; u48 浅灰色 #A8A8A8 " ?5 n& R$ ]1 ]2 H+ X# v
49 浅钢蓝色 #8F8FBD * `/ h% i. \( v0 ~+ F( {
59 浅木色 #E9C2A6 , }) ?& p8 q! Y  f2 D; _9 Y# @- S
60 石灰绿色 #32CD32 3 X4 r; K/ E! u: g( S; [
61 桔黄色 #E47833 , n7 _$ e+ v# b2 ?+ b% V7 G5 q
62 褐红色 #8E236B
: l: u; ~/ \$ G2 D0 H! k63 中海蓝色 #32CD99
, @5 b/ P! J( c. B6 ]/ H7 L( x  T64 中蓝色 #3232CD $ a, ?. [  P9 f  v1 |" I
65 中森林绿 #6B8E23
- G, [* S' ]! g) _66 中鲜黄色 #EAEAAE ( O+ `. [8 K( ~, x# b2 _
67 中兰花色 #9370DB
% S; ^0 m) V  W- P  q68 中海绿色 #426F42 + o0 h' w) U( E2 C% t9 r
69 中石板蓝色 #7F00FF ( Y9 k! l( Y/ z$ h  ~/ Z0 b! r
70 中春绿色 #7FFF00 & x  n8 L2 J; K- j# l
71 中绿松石色 #70DBDB , `$ e% z( D* @! s; b, v
72 中紫红色 #DB7093 % Q2 {2 n7 m" s5 o
73 中木色 #A68064 + ~/ ^& u6 b$ R
74 深藏青色 #2F2F4F 1 D( }. n1 W' g, g; X9 j, y
75 海军蓝 #23238E & d$ M% e8 W2 d% X
76 霓虹篮 #4D4DFF * h  Z, A+ y+ o) p- C4 `0 ^
77 霓虹粉红 #FF6EC7
6 q  F! [3 R& {# Y' n& f! ^6 d4 a78 新深藏青色 #00009C
) [) [) f# o$ i1 H79 新棕褐色 #EBC79E
4 W9 i: H( @* c/ D8 @80 暗金黄色 #CFB53B
( p' P; }, o4 Y8 m9 H81 橙色 #FF7F00
% t! \! ]3 w1 a; X3 [7 g- a7 e! l82 橙红色 #FF2400
/ A8 b7 o* U" K! P2 q: ]83 淡紫色 #DB70DB ; m& A3 h: s; P2 e. ~
84 浅绿色 #8FBC8F
4 J/ F  F- m+ a+ N! K85 粉红色 #BC8F8F
" e( e6 K4 V5 V86 李子色 #EAADEA " V  {1 ~7 g5 f% h8 P
87 石英色 #D9D9F3
1 Q, X* x4 S. v, I+ Y88 艳蓝色 #5959AB
% J' H: G  l' J/ ?3 n89 鲑鱼色 #6F4242 / z9 c) }, W) v6 E! J
90 猩红色 #BC1717 : k# {6 T  p; I: G, W! B1 B
91 海绿色 #238E68 # X3 G: e  [9 q! @4 d
92 半甜巧克力色 #6B4226
" S! {/ Z  t$ {& l3 E$ e5 @* Q93 赭色 #8E6B23   b( u. ^% N: u0 b
94 银色 #E6E8FA
(这个是银色), k2 S" S. f; B( h; }) I6 B
95 天蓝 #3299CC % ^) I* `6 h( V! f1 v
96 石板蓝 #007FFF
8 E5 g; h' e3 f6 K. W: d% [5 u" Q97 艳粉红色 #FF1CAE . a: l9 t! N! q) _
98 春绿色 #00FF7F 6 L1 _' U3 G  h+ s. m
99 钢蓝色 #236B8E
. D1 w: O: W7 {100 亮天蓝色 #38B0DE
: B- \5 i9 F. Q5 Q& ^101 棕褐色 #DB9370
7 |3 b+ L# C- S. E102 紫红色 #D8BFD8
9 K' T- Y: x7 Z2 p& T103 石板蓝色 #ADEAEA
+ w, Z! x$ w6 G& q3 {, p* r6 \104 浓深棕色 #5C4033
! t- ?5 t$ \0 w3 H% P105 淡浅灰色 #CDCDCD
3 ~, W' ]! @  z- f/ f  R8 N- H4 r106 紫罗兰色 #4F2F4F
. O! W; g0 J& \" Z3 L8 i107 紫罗兰红色 #CC3299
7 G1 S# |0 B! ^. |9 g% W108 麦黄色 #D8D8BF 8 X+ v  C: d8 C7 |# p/ K8 B8 t7 o/ q2 a
109 黄绿色 #99CC32

. a" _6 g$ T- u4 V

# D0 E  j* C- J5 E. ?3 {$ M

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]# E) O$ P, _' [3 X7 r; U& n
[tr][td]7 V2 V& ~2 n8 ^; S

7 f  C# m- p( G+ P0 j0 k. ?* H
内容
[/td][/tr]
; G, w' s0 b& @1 q1 P9 c[/table<p></p>
. ~9 ?+ T' ?8 g2 Q. R: x: p9 [. ]
5 t% V6 n, i3 h/ n& a9 v/ h& \
" r+ C; ^3 g0 x, @/ ^+ a?
板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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