开启左侧

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

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

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

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

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

- l: z; c5 m6 P- O
简单边框之一:8 ~  S0 r! q7 e: F0 ?
- I; l# Y# S3 @/ H5 B( Y- Z1 |
单纯的内容边框
+ h: e" {+ R6 J' B7 P. \3 Y+ H3 n  k9 n: K3 h

; ?. C; A, O; }' F3 e: `' k
内容
5 J0 D+ K. m% ]6 d
代码如下:1 N' Y% N6 z6 f# s* D8 \
  • 内容
    ) G0 j8 n( N* x
" M) u1 Q* _0 p9 @5 @
复制代码

: k7 P  o: w/ Z3 `( j, e
1层边框
9 j7 J/ V6 L& b
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
    ! }2 i: U$ [# V& n6 T; b
  2. 复制代码
复制代码
$ w! T- F) Q( E. ^+ x, E
. c' j1 k4 }  p$ i
  • 内容

    4 ?4 h7 I) f+ _# N$ W! i; d  w; H' r' g
$ l- n0 g* V0 ?/ O. O
复制代码

& e- p0 X- \  f5 b' V5 w
& S9 l( i: `7 m8 l: Z$ X3 z
2层边框
4 T! m0 V* k2 \( A6 H* G+ S8 X( z* W: @! y3 h7 U9 s( U+ F5 l  V
内容
代码如下:
  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]
复制代码

, X. y6 u. w0 R  A5 m+ v7 W2 D! P! n" [8 S# F
  • 01.
    内容
    ) ^, f  P& g2 t
* b8 P+ e$ b- [& i, c. j
复制代码

! l4 t* D6 P3 C5 {
+ N4 M. o1 Q$ j) {# w8 L1 r% l1 B
3层边框1 }: l, t( c* W7 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]
复制代码
- L! x. R( b  H& q/ v' i" C
; I+ V7 Z. a, |
  • 01.
    内容

    # D! L, g! s# ^" D& X
* Q: i/ U; I' o2 ^7 D- }
复制代码
4 L7 K! d0 N+ P; t/ v0 ~, e

' i* A$ [% `4 |+ a: J: p* n" |2 x- \& E  h; B! x' ~7 [7 l8 i
简单边框二:1 q/ V+ |4 a5 ?8 ~6 t# }
1 x; U6 z# Y: Z7 O# k1 V" u
边框效果:
5 p" p+ q( m$ ~# T9 p/ \/ m: S7 @& n
$ f$ R, t" X0 {: D1 w  G; G
内容
% L: M& G: K  s; T% q! @# ?
代码如下:
- U9 s  [# g, k: R% s

0 {% h4 T- b' U9 s- B# d6 o9 ~- Y6 Q) m; ~( V
! h4 b% [5 g  s3 Z

, n0 S, Q  X0 K! U5 o' _* E) |8 h6 s" W0 D. o
  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]/ v4 v8 r4 K! ]9 `- a) r
  2. 复制代码
复制代码

% l/ {5 O5 [1 s$ J. F
. ]% \5 w% d& I& L1 ~/ F) l

+ u3 [: q- Z9 |# F" D$ H

% Q7 h% N+ m" ^" M- E
    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>
    复制代码
    ) Z1 h# R# B8 }/ x. R9 L) x. t/ `

( `# i: P% t, F" j/ e9 ?5 u, P
内容

- ~2 M; l! _& _! C& f+ k, I: C0 q3 w3 k+ k代码如下:
+ W4 D9 |5 |3 i9 s
  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]/ u# M4 w( t! x+ s& x& v, ]
  2. 复制代码
复制代码

" u& n# z  P+ r' Z5 c5 ]# l5 U( M  M5 c( t( e. E+ d
3 u7 R9 Y1 Q9 |" f' a2 r
  • 01.
    内容
    % @2 z& W9 l3 X+ c9 D1 u

( k( n4 S. N$ N
边框效果:4 z$ i' |1 _2 \/ ]/ C1 L7 N; |

5 Q! S3 z3 S3 |  k5 o
) y: ?' i0 L$ \) U0 @2 D8 D
内容
8 m6 N/ Q0 k4 x, a- F% W
代码如下:
' c& }8 ], L0 D& F+ b/ p
  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]
    + F4 ]3 V3 V! G8 C. Y" h) g
  2. 复制代码
复制代码
" R; ~. E% c7 K$ }! y! k% f7 V

- Y, P2 V7 Y5 p' l- ?
( f% R7 n8 q: h: f/ t1 g
  • 01.
    内容
    / w6 [$ E9 x8 B5 j

+ x  }3 z& V6 i( P
边框效果:0 i8 |8 l# [  J) ]
# B  j8 k  P# P  I  F

4 }7 T) }& J7 y2 [( Y! A
内容

( x& i- z. S+ c& D代码如下:8 j+ Z$ e, f. K( n. _3 _
  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]
    ! g1 N! K9 T* b7 p9 z; Z# n
  2. 复制代码
复制代码

1 U- [5 P) }' s! Z) p- t& p1 W# d
% r; T: |5 ?/ |8 ]
  • 01.
    内容

    % x; p9 q, o) E# E
( ~0 t4 ]! q+ G# p& s: O
边框效果:$ A; x' {7 |* @8 v! m, P7 c
% K. E; r- ~* Y( @4 Q" G% Z3 e
内容

* z. u8 }! T5 e5 i% q6 f代码如下:
5 a8 ?  K" C9 |/ Y; k, 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]
    & E! g% x9 t; a# Q$ W5 e
  2. 复制代码
复制代码
/ [0 I, s3 J) T

' A5 x- g1 l" K% k8 `/ v2 O
! o' Q& U3 y* Y$ `
  • 01.
    内容
    0 S3 x, @, C0 \) t/ r2 |; y. }

$ Q( ]8 r2 X! ]" C( @
边框效果:3 E. J$ a' \2 Y0 A5 r

; b% C: R- w; T/ J2 J
内容

; D' `5 e9 s) ^0 h+ i% X# Z- y代码如下:/ ^7 D6 r4 h3 n) ]1 m& L" S) e9 H3 W
  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]
    3 |+ o( @7 j! i  \& O( K
  2. 复制代码
复制代码
7 h$ w% [+ A1 \0 P( O" x* L- G' a& f2 U

. q7 L1 k+ y9 _

  U* ]$ X" ?% W
  • 01.
    内容
    - j, f4 S8 z- b! V3 \
边框效果:  W# ~' l1 X) u! K
& a: [$ h/ M4 i
内容

6 @2 ?  u- l  e& P代码如下:. d1 i" p" r* E, W* H7 ~
  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]& S$ g0 l6 C$ c' P: B
  2. 复制代码
复制代码
# U% S# V# H" w  T' S( j% H( H
  D, T; C/ R8 `# ~6 n) [$ ^+ O

: U# S7 [/ W. ]5 I
  • 01.
    内容

    2 U0 w7 i$ V- G7 |: r

$ d" N9 Q1 {) g' ?! ?; m

+ [/ }* Q8 [4 W' k6 K边框效果:
0 o/ j8 M% L: r: x: J' y) r/ E
* }# b* O3 M0 S9 x7 d! r4 |
内容
, L% ^+ N, A4 j
代码如下:
! b; U0 s5 D3 N2 E
  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 J# t1 ]  w# H# G: n) L8 r8 }
  2. 复制代码
复制代码
" \& W, S! \1 K9 F* h) q* \

% j9 S# X7 S8 z& G! J: g
& Z1 u9 M/ \! @3 R* W9 F! W
  • 01.
    内容
    # \6 m& _. C9 P
# H2 V& D% ~2 x0 y" e' R# t) S$ p, q0 B
边框效果:, F1 T2 ~( ~" V5 H) h1 b4 @

7 D$ U0 n2 B( w5 r
内容

6 ^1 F/ f+ a3 i代码如下:" x! h. L3 |, m
  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]. q! E, e4 M2 Q' ~) t% b: M$ E2 x  a) W2 ~
  2. 复制代码
复制代码
7 q! q8 D. I0 ?# L7 f
- U( \0 [3 Z9 C. z

$ M4 i' J& G2 x5 O& r5 }; ]! }
  • 01.
    内容
    9 J  D  G8 ^: M- W9 K
7 N, |5 n8 T1 I% e& I
边框效果:2 T/ f8 y6 U7 E& A( N. T, e: w# S

' F' M8 A7 M2 g
内容

( _% q- S" U  T+ W" p代码如下:- F/ R% B% K5 p# W* Z5 W
  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]
    + @- j- x8 i: Q3 P4 @8 c
  2. 复制代码
复制代码

. N" r/ X2 s" i" ]- A
7 O  }' }; s# S
+ i# P# j* |8 k% C. Y- P6 u
  • 01.
    内容

    ( z+ x: T5 N# ~# K0 M9 Q) ?

: T% x6 y! k$ H/ L  B' l
8 s3 I4 g  F9 w% l  n& ~
方法:  `, l* j4 Z3 G. A, [- k: ]5 M
把代码复制下来.
  o  K( ]# e2 C: J$ C9 }+ A粘贴到你要写的帖子中...: e' M/ @; I3 }
然后勾选文本编辑框右上角的纯文本...
9 r$ o7 Y6 H$ g4 t1 g9 y你就会看到代码...... Z( {" P+ ^7 f! I
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]# \+ ~& T6 J$ i' ~' |
table=560,#ce0000     第一行       #号后是要你替换的颜色代码  F* r" c& K/ u" x' w
table=550,#ea0000     第二行
4 V  O, a& C: I! `2 ~table=540,#ff7575      第三行8 S$ v/ o: u3 l5 [! ]5 p& E) R
table=530,#ff9797      第四行! I/ K+ p8 M" L
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
. v8 n! G9 o2 G% `. ^  R2 d

& `' ]  P9 h: K3 o8 P# W9 ]: v6 j
; `- s+ U. C, z0 E
备注" r9 W8 e, V# f1 [  L
  M" S; w0 m7 D
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
8 h% v# ?. E& I" z, a9 q如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”3 m" y, a+ ~9 Q: y8 z7 _2 K: k
. ]" c. ~0 }: h" X% p
table表格大小不要超过560,超过发出来会自动变成98%
" G; M2 o# O; |  Y
  r9 D2 d& r+ Q颜色代码:
; \4 S9 a+ F/ f3 y0 P) [, }  p发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
* a/ j5 q+ {9 R* C! `: a1 H" q5 B, a* c" A
效果:
* Q* O' p  p* g# \0 H& g& @* d! e- _7 z. U6 J3 B
1  白色 #FFFFFF (这里有一个颜色哦)
$ i/ X3 W% ]  R; T+ v" v% b4 m) Q# x
2  红色 #FF0000 1 b0 a# `: ]: P) J/ \7 j" Y
3  绿色 #00FF00 7 u6 C: X3 @$ b+ P
4  蓝色 #0000FF # E/ b3 \) e# b. }
5  牡丹红 #FF00FF ! \3 U3 e; n$ Y: t  S  f& s) Z
6  青色 #00FFFF 9 l: J' I+ l9 l3 w* ^
7  黄色 #FFFF00
0 W" y; P* i8 U: B$ z8  黑色 #000000
" m; i& x6 F2 f  F9  海蓝 #70DB93 - n' K; e" P- S5 a  r6 d6 w
10 巧克力色 #5C3317
! ]0 X, P1 F! s7 E3 ~; c+ p11 蓝紫色 #9F5F9F 0 V; T7 u1 k+ s- y- f$ C
12 黄铜色 #B5A642 5 J) `" n* w4 r) p" a4 N0 |- U8 K
13 亮金色 #D9D919
4 r# r& V$ ]9 K6 m* q7 p5 a. ]14 棕色 #A67D3D
; d. k% A0 [; o8 h- H% g15 青铜色 #8C7853
1 N( i4 x, a% X" I8 j9 Z16 2号青铜色 #A67D3D
+ L7 {, q0 @% `, @17 士官服蓝色 #5F9F9F
5 Y5 Q: T  A2 k% ]3 a+ [18 冷铜色 #D98719
+ H9 S8 Z  H- _/ Y1 }3 K5 d, w19 铜色 #B87333 : |! r4 Z- w2 O
20 珊瑚红 #FF7F00 ; ?& I- A; u5 t  P4 ^
21 紫蓝色 #42426F / E7 p. O* z; ]' o1 S
22 深棕 #5C4033 ! \% A) z+ s* u9 a1 {. k
23 深绿 #2F4F2F
- e, V8 Z4 J$ b2 x24 深铜绿色 #4A766E ; a; t5 T. ]+ h8 Q
25 深橄榄绿 #4F4F2F
, D) F0 k% K) a$ \$ E+ V0 Z26 深兰花色 #9932CD
) n2 Y1 O/ i) f/ q8 B6 Q27 深紫色 #871F78 8 n. p! N/ M. z1 r) `' z
28 深石板蓝 #6B238E
$ E% ~+ s& s! M4 E6 u/ j$ g7 d% ~29 深铅灰色 #2F4F4F 9 `' v# ?4 Q. c0 r
30 深棕褐色 #97694F
0 ~; T; ?' e2 c8 J3 u. y5 c32 深绿松石色 #7093DB * U& k) Y2 R6 P/ D6 T0 m* _9 z
33 暗木色 #855E42 * v. q6 q1 K% C# {' U5 E3 X! k" _
34 淡灰色 #545454 4 K3 j! c+ B9 V  D$ t8 b2 E) J
35 土灰玫瑰红色 #856363
) F! O2 U- w) x36 长石色 #D19275
" K8 Z& R6 X& P2 \2 _5 {37 火砖色 #8E2323
* D8 p1 _( a9 V" U! n& @% V38 森林绿 #238E23
0 G" X/ X3 R- Q# b  ]( n39 金色 #CD7F32
! C5 M5 B- H! E$ G" }0 h5 k9 c40 鲜黄色 #DBDB70 ! i1 \7 g! L/ ?) b4 M8 t
41 灰色 #C0C0C0 ) X% X9 W0 U; U& C5 a+ _
42 铜绿色 #527F76
' S8 ]# y" |8 q" @  X" A" g1 Q43 青黄色 #93DB70 ) M! k! j) _# `1 Z/ V" a" l% ^( z3 U
44 猎人绿 #215E21   Q3 L4 K$ W6 ^+ {
45 印度红 #4E2F2F + D  c* \6 B' X; N5 ]% Q" p
46 土黄色 #9F9F5F ) R- ]; t# ]; b; o* W
47 浅蓝色 #C0D9D9
. w8 H7 T/ O5 @* l48 浅灰色 #A8A8A8 9 m: @2 M7 n4 N) y( Z/ |: O
49 浅钢蓝色 #8F8FBD
- U& O/ C5 i. z; m6 x" q59 浅木色 #E9C2A6
$ E" @) _" [$ L7 U7 ?# k# P% Z% w- e60 石灰绿色 #32CD32 3 ?( `4 G. Q% {6 ?  I8 y; G
61 桔黄色 #E47833 2 ~: I2 g! B2 H
62 褐红色 #8E236B
0 Y  I$ i' ~- j2 \( W. w63 中海蓝色 #32CD99 1 D" ?# |. j# d# q: R
64 中蓝色 #3232CD & W/ J2 F! q8 _# R  ]& G" H' V
65 中森林绿 #6B8E23
! P  I4 \: ?: m+ P  K$ ]0 {66 中鲜黄色 #EAEAAE # o8 l" b% A. ^, {1 z, }9 N
67 中兰花色 #9370DB
; M; u$ G0 b8 `0 `: A( t0 T68 中海绿色 #426F42
/ M; i( h; Q& F9 g8 f2 I8 o69 中石板蓝色 #7F00FF
8 I6 ^' ?# d% [$ Q- H. _7 B70 中春绿色 #7FFF00
, {* a' D5 ?; F2 v4 ^& Z5 }7 E71 中绿松石色 #70DBDB
0 \2 w1 O. P; C) y2 @72 中紫红色 #DB7093 4 T# M) w- d; n( o' @8 z8 z
73 中木色 #A68064 - }" Z5 n6 [  O) v. Y
74 深藏青色 #2F2F4F
) Q" u5 M1 k% T$ K+ z, }3 O75 海军蓝 #23238E
( ^& @8 b9 S# e' U* a& t* g76 霓虹篮 #4D4DFF
: q, F9 a& o6 I+ ~1 U4 D. z77 霓虹粉红 #FF6EC7 4 J3 }* t; d5 E( b8 z
78 新深藏青色 #00009C * A- N& Y  D8 q) @; {; [6 n$ u0 S
79 新棕褐色 #EBC79E
( U# C9 K' y% a0 ^2 n3 }! x80 暗金黄色 #CFB53B ! m1 ]5 ?6 P% @1 m$ \/ q0 `! }+ K
81 橙色 #FF7F00
& h9 C- }* z6 D, L82 橙红色 #FF2400 3 v5 `2 {! f, ]7 y
83 淡紫色 #DB70DB
/ K" e3 z8 `9 l7 T( P# h84 浅绿色 #8FBC8F 1 b4 \4 }) Q% Y' O% z
85 粉红色 #BC8F8F   b. \0 x0 r# D, d
86 李子色 #EAADEA
+ t0 o" \. U  f8 _( h8 Y87 石英色 #D9D9F3 - y1 _% o/ }5 d- ~9 {
88 艳蓝色 #5959AB
0 r% ]2 S- S0 M& u$ w* B0 {: G89 鲑鱼色 #6F4242
% j/ C: R% A( x& F6 q9 T. z90 猩红色 #BC1717
. ~3 t9 M8 P1 s5 T0 o91 海绿色 #238E68   m& c9 u$ C1 d; E  C3 \
92 半甜巧克力色 #6B4226
! u1 R$ j' F6 R# a93 赭色 #8E6B23 + W) I2 i5 L' s+ x* m
94 银色 #E6E8FA
(这个是银色)
  ?+ [# i$ A2 o' ]. s4 T& M& K
95 天蓝 #3299CC
; R  m: M! D1 t. y. J* x96 石板蓝 #007FFF # v" W& Y) B: h
97 艳粉红色 #FF1CAE
% U7 Z: ^: ^* O8 x98 春绿色 #00FF7F . i% j* g; C1 [# O1 r/ b
99 钢蓝色 #236B8E 2 w3 `) x& g) S2 }4 f
100 亮天蓝色 #38B0DE   c" \7 S, S3 G/ h
101 棕褐色 #DB9370
5 b: g' y) y% Q' h2 W. g102 紫红色 #D8BFD8 . J* a! \* u; f! P) ~, s
103 石板蓝色 #ADEAEA " p  W- |6 V: f: |; }9 U. M
104 浓深棕色 #5C4033 ' m3 _3 ~( Z1 ~; K7 F/ F" J
105 淡浅灰色 #CDCDCD
+ O3 J1 ^( H" @  y# F# ]7 k; a$ ~106 紫罗兰色 #4F2F4F , `# c: U) P) a
107 紫罗兰红色 #CC3299 ! e/ S! ~4 U) Z  \6 X* v
108 麦黄色 #D8D8BF ) X/ P, ]0 L: |
109 黄绿色 #99CC32
! z: e# u& `7 T' T! S8 Q

7 P1 S% j! `* }0 j" Z+ @

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
沙发
发表于 2016-6-24 11:49 | 只看该作者
table=560,#ff9999]$ G, V& G6 @+ f; c% F9 B1 ^. Z/ o
[tr][td]& F& j+ q: p, _0 Y6 E8 Y; v0 u
  [" A3 }& K0 o
内容
[/td][/tr]# X# Y( u! a" \9 J
[/table<p></p>1 t% O1 M" w1 Y

0 v6 b3 j' W) J' [' h. N* f) \9 F3 k( H" d
?
板凳
发表于 2016-6-24 11:54 | 只看该作者
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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