开启左侧

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

[复制链接]
发表于 2016-6-24 11:27 | 显示全部楼层 |阅读模式

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

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

x
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的
感兴趣的盆有可以进来学习下哦!
: r# |/ V1 m# C1 o1 P. A7 C0 o4 Z" m
简单边框之一:
* ^" j, m  h% B5 l6 V+ F% {: }
. m- ?3 ?7 ^4 V/ p$ T- _( i
单纯的内容边框
) L3 G# M! n  m7 W" u) N
- w4 o" ]. P; t# G4 h" D$ y! [
: Y& f' e2 w7 I& h2 v/ |! ]. w( B
内容
) P6 `  u: \  g6 Y  w
代码如下:
+ T( z- _% i7 A9 l$ w1 y+ d3 p
  • 内容

    4 W# j/ O; v8 p+ X4 x
: X3 a+ P+ w8 P
复制代码
, z3 F' i2 I* E) R
1层边框  V1 y6 D5 }3 z
内容
代码如下:
  1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
    7 L" m8 ~7 U3 f- J! K! M
  2. 复制代码
复制代码
, M- P6 L3 s% T! A- S# }- ?7 a/ o

3 K' D8 i& \2 T5 @
  • 内容
    7 y* ?2 r9 n* y* e4 b! c! `9 S
. g% q6 J! ^3 U% V; `
复制代码
5 \& K6 Q# w5 J, W
+ w$ m1 z4 t# h9 i
2层边框( N' u) {6 A5 @* Z1 P" D1 x

, c" B/ D3 G0 O# w7 N
内容
代码如下:
  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]
复制代码
! u. q5 |) |; t( L1 w5 k! D% `8 R; f
3 f) z  p2 K) F1 [; M+ N
  • 01.
    内容

    4 u8 I1 f7 Q$ W  s9 I
" l' H- O+ h5 _- J1 |2 q
复制代码

6 O4 ?! Z' R- T2 C7 O
: x- H4 n* g0 c& }: O- Y
3层边框* A  D; U: y  O; K, u
内容
代码如下:
  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 E7 m- a7 g/ q! D, \2 I
0 F! U$ E% a  I+ W' d+ ?
  • 01.
    内容

    & s8 D" _) a' n( ^
) L7 z: t5 u0 P: z5 O
复制代码
* e( X  k0 H! d7 q! f0 t3 Y" l

3 Y, C& Q, K- r) n6 ?
9 R, A3 P0 P' S7 P4 o" B
简单边框二:' S" s% r, A3 y

( D1 N' a3 e. C. z边框效果:
- |: v8 S6 ~, w6 x: K2 e

( z8 y1 H4 V  P3 k# v: @/ C" u
内容

# s, V' A% ]4 l代码如下:
/ d- ~6 t; D" J" p

$ I) a! p  p0 l7 w( \3 r8 j; r4 O2 s5 l6 x

$ {6 T+ i) W+ e0 s5 k: |
8 [! ^7 O6 ]! ~6 ]) L2 x6 t& }! _; ^. ?- m+ _. w; ~
  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]
    ( J* X5 |) A8 j! h; _/ G
  2. 复制代码
复制代码

/ Y0 ^# ^1 h* [

. y. S4 }: y2 P% N
/ c/ E1 \4 |6 l6 V
7 }3 X4 W3 N! B# z6 c* b
    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>
    复制代码
    & Q5 ~! z$ e) X. x( s) m

/ T: w; z# h! v! M
内容

3 p. }; t- B8 b0 v( \! M代码如下:
7 S, g' H! g0 i) z2 p+ p7 h
  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 `! ^) {, @. Q6 n% @$ @
  2. 复制代码
复制代码

* l) \: G! f- X/ U. j5 m& D7 ?# E( a" G0 ~& f
( X* H. y; e# w$ B
  • 01.
    内容

    + T7 h/ b. t4 d& J
2 a3 o. x$ @9 N
边框效果:, C4 |6 q7 q% c4 ?
5 }+ P! C; s, Y" m3 o/ T

" x9 n/ E, u1 d& k: g
内容

* t* O, u6 m7 M! N: w% ~2 K代码如下:
$ g! _* G" c8 U! _0 W
  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]# T8 R- @9 V2 t: g
  2. 复制代码
复制代码

; R8 m2 j8 P. _- v5 f( X& F- j# M& Z& Y
) m0 ]: p# D3 `9 N9 @+ L) M5 H/ k
  • 01.
    内容

    7 B$ c; V* z- W
, e5 b: _; f3 U$ P  T
边框效果:( ^' u9 K- w  i
! n& d% {. _  ~0 W
( C3 K# a2 s3 M' V! `
内容

: E+ T9 \% H+ }* R# z代码如下:
# j( \* n! o# k
  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]: z" L* n7 G9 [( V! D2 i7 w) X4 {
  2. 复制代码
复制代码

' N( A" o: }7 z# {$ a
' c% e' e( ^: `% k& |) R# Q

; R3 K9 J" S2 l8 Q9 x% u. O  P4 U/ V
  • 01.
    内容

    * C* r( W3 m& S# n

. C% @' g/ `* ]: ]3 t  O
边框效果:% D! ~- ~1 n. P5 {

" \" _5 ~5 ^0 r; [% L9 f  x
内容
) c# `0 a: u6 O
代码如下:
7 z8 ~3 H6 k0 h% K" ^5 |8 A* M3 v) 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]" I" W; T  h5 o5 ?1 Z( G$ k
  2. 复制代码
复制代码

6 l6 |! D9 \0 H( H- q6 l' t4 i( t# h. f1 H) c
% Z( [$ H/ T& D6 O4 t: A6 L6 @
  • 01.
    内容

    7 k: `5 Z( h1 n5 g
) ]$ i9 q1 Q2 q
边框效果:8 q. j( N. O9 B$ ^1 w4 ~5 A* E
7 m, c3 V" q+ t  z+ R
内容

1 x4 A' v8 @+ w/ T+ a$ l( b代码如下:
4 Y- `8 F' v1 W3 u
  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$ y! Y: ^. E1 p
  2. 复制代码
复制代码
  d. ?" I8 w' a6 ~" J

/ o% E! K0 [6 T$ Z8 {

& F' k4 U0 g+ x$ ~" }7 o
  • 01.
    内容
    : d: K$ Q4 q/ u4 O
边框效果:
' U) g$ }( s% c1 F
* Q( Q. `$ I8 `- ~
内容
( Y; C4 l8 L; ^7 M* g
代码如下:3 T8 [& k+ e. [! w2 }. `: v* F8 M
  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]; X& T3 ?, m- b2 k/ q# k9 ]/ b
  2. 复制代码
复制代码
: v* ?& a- G* n2 R( s

8 d' K! A2 J" |( b, `

8 K* G5 _2 S5 {6 z7 \
  • 01.
    内容

    - e; p! c4 ?5 v& N6 T/ A
* d9 c) x. h+ H( r% f5 P
( X9 E$ N& z" \# t, W' J
边框效果:
( |5 u( p7 ^& f7 k# Q8 @$ c; T5 q

+ K. }* W3 v- j3 q6 o# W
内容

: n: z7 _. j) S" V3 h代码如下:% W6 }5 ^6 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]
    ( \: V7 V7 ]: ~/ q) ?/ f6 E
  2. 复制代码
复制代码

4 j' H7 v. {6 ?" v3 l
" g# r/ W2 H$ L1 [

8 H4 U- E( f4 h- \; k7 J
  • 01.
    内容
    ( _" }$ d/ p/ [9 |; d

# @& }" n( i% Q% k. m/ }
边框效果:
# h) E, r/ H! Y. _+ b$ E) D

& l% y1 f7 d: W% e9 G
内容
% m* l5 N( T8 B8 _* x, w
代码如下:& V/ v+ v% C# I4 c
  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]' O$ \  L' n! g  m
  2. 复制代码
复制代码

% h' P4 ?" K7 y* L1 W# e7 N9 A' I: }( |5 P9 _

6 k& P+ o" Q5 a0 y# y
  • 01.
    内容

    ; F2 D8 ^! S+ [  R7 s% J* T

. M- C& _" K; F5 v5 V, ?4 d, \
边框效果:, J1 {& P4 Y: v
( v4 ]* M8 ^/ o9 q7 @: A; P% D) y& ]
内容

" _1 j% b& J' R7 k+ x, N+ K代码如下:
. s& p& l6 Z% l* s" Y& X+ U# J
  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]
    4 _* N7 K9 A& t
  2. 复制代码
复制代码

+ |+ N% }2 ]$ p; R; \% I! [7 ]: O. C5 x9 P1 D. l7 V; Z6 P: T

4 z' Y3 I" c! i1 y0 V
  • 01.
    内容

    / B% t( z3 H# ?6 {- ?1 f
1 ]% w4 J' L: c9 {
  M( l, f; P- F
方法:
  f* t0 [+ ^$ _# w' M" h
把代码复制下来.! [$ b2 |& R) }3 \; v
粘贴到你要写的帖子中...
( g  g, O+ U( y% w4 O. g; O然后勾选文本编辑框右上角的纯文本...
) l! N! x- J" M: u5 z你就会看到代码.....9 f, q% M; k5 A
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]7 G' v' P' s- }3 M
table=560,#ce0000     第一行       #号后是要你替换的颜色代码5 g+ t8 K5 o( z  O
table=550,#ea0000     第二行
5 N$ h( f( B! V0 {0 y1 qtable=540,#ff7575      第三行' x. g0 \1 P# b4 j/ @: u, x
table=530,#ff9797      第四行
3 Y5 t6 e' x8 k$ C然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
& t4 H! T! M5 ]

! L+ U* r* v! P3 K( W2 x
; o% R9 ^3 \6 c. q2 ?" ^
备注
2 C$ U4 B! l8 U& u8 _( Q, C) {  Q. K  j- ?! o) ?
帖子里“=560 ”是帖子宽度  #999999是颜色代码。
; Z' F4 ^3 h3 v% Q如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
# K8 }, {# U# N& J
6 e- N  z4 _7 w1 v0 ]table表格大小不要超过560,超过发出来会自动变成98%" M+ w% x' @: c. c. x

& v1 _8 z) g0 z( S8 y/ t8 M颜色代码:
! |4 J# H$ n5 T, `发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
! S7 u  S. K; O) n
( `& `" ]; R: C9 a% |. l7 b0 z4 l效果:
' N, ^3 _( o  \! i
6 l* \3 ~+ L. O' p" g3 q1  白色 #FFFFFF (这里有一个颜色哦)
/ e  w" z' W/ Y& N
2  红色 #FF0000
9 R6 O! @' L& c/ }! {3  绿色 #00FF00 7 e; }: M3 u% h/ v
4  蓝色 #0000FF 8 x$ ]/ w; q" M3 q
5  牡丹红 #FF00FF
5 ?: D# g+ v+ G% Z+ r# L& o/ ?/ h6  青色 #00FFFF
3 W3 j( d. {  `/ g( [7  黄色 #FFFF00 $ O/ d* E/ ?6 ]1 U7 U; R
8  黑色 #000000 0 T2 L1 u+ u1 m& t# _
9  海蓝 #70DB93 ) f% B! e) }- r* z7 a
10 巧克力色 #5C3317 ; C% D5 G+ m/ `6 n7 E% n( A
11 蓝紫色 #9F5F9F
" D! J4 |, h$ f3 `* Z, y5 O12 黄铜色 #B5A642 8 C0 x7 P7 V( m6 u: D4 k
13 亮金色 #D9D919 * P+ j  o& h2 Z! P
14 棕色 #A67D3D
, X8 `, M; I2 n# ?2 v, j15 青铜色 #8C7853 & T; Y2 S) r. F0 @% D5 t5 `( c( _
16 2号青铜色 #A67D3D - t$ W3 _+ L( `1 p1 z$ g
17 士官服蓝色 #5F9F9F
/ h- [4 z1 D; d18 冷铜色 #D98719
: ^/ Q! e% S: r19 铜色 #B87333
& [, o0 m2 Q; {* A20 珊瑚红 #FF7F00 2 @7 H. R9 h) J
21 紫蓝色 #42426F
  V& w5 [' q% i22 深棕 #5C4033
8 L8 d: R6 J# T. `; ^# g6 i+ K23 深绿 #2F4F2F 9 B0 y8 I( \6 t7 V
24 深铜绿色 #4A766E
' f) E" G; C% y6 m4 v- ]8 k/ F8 t25 深橄榄绿 #4F4F2F % A* J% C$ o1 C1 H4 t
26 深兰花色 #9932CD
2 R; O$ `4 c$ q3 G! K# i- n27 深紫色 #871F78
! h: w9 w8 x! _28 深石板蓝 #6B238E / K: q8 F* N- p, [% E
29 深铅灰色 #2F4F4F   g, o; K9 r) U# k
30 深棕褐色 #97694F 8 L& Y! N7 O* Q3 l
32 深绿松石色 #7093DB
" X0 R: T  b/ L, i  ^4 R8 S, z33 暗木色 #855E42 0 V) Q! Y% O' o8 l) E
34 淡灰色 #545454
; s, e6 f( B! N# m8 ]35 土灰玫瑰红色 #856363 ) e' Q; D, b- v: H5 S) O
36 长石色 #D19275
% {: l) p1 y0 p* i0 o  |0 s% {37 火砖色 #8E2323 " [) B6 E7 n/ m9 W2 _  j
38 森林绿 #238E23 / P, h- l% N- I
39 金色 #CD7F32   }- d  d# g1 {$ J9 e! l
40 鲜黄色 #DBDB70
: ?- ~9 w7 Y+ J41 灰色 #C0C0C0 8 A' ?" E  j5 n" a, S1 w
42 铜绿色 #527F76 ' E$ }0 R* I6 F3 T/ o
43 青黄色 #93DB70
( s/ c" |7 q7 [% O/ [44 猎人绿 #215E21 + Z& n' m! v( p8 Q
45 印度红 #4E2F2F ! ~" q# c9 d3 ^0 |. q$ r, j. _4 ~0 h
46 土黄色 #9F9F5F * Y6 _) o0 L" w" ^
47 浅蓝色 #C0D9D9
/ r6 i* v6 s9 v5 Y6 v9 \% V48 浅灰色 #A8A8A8
) r* L3 _' Q- T# V- t49 浅钢蓝色 #8F8FBD
0 R1 |! q& l' i* [6 j! H* a59 浅木色 #E9C2A6
1 I( p+ v/ C* d# g8 j1 z2 l. i60 石灰绿色 #32CD32 # P9 D6 A  U3 `! @# p# e; [/ F
61 桔黄色 #E47833 ( W. p* Z' _4 C8 H
62 褐红色 #8E236B
. p+ [5 I. z, e) L! `63 中海蓝色 #32CD99 2 H6 z/ ]5 N0 N0 ~" F0 ~$ Y+ d
64 中蓝色 #3232CD 2 E: E% O& N/ ^! T$ T$ {" V+ T# p
65 中森林绿 #6B8E23
# @, m6 ~( j- M/ b+ Y1 a66 中鲜黄色 #EAEAAE ( l. w' ?! L9 C6 I! G1 e
67 中兰花色 #9370DB $ r8 v; ?+ k+ T' U
68 中海绿色 #426F42
. }+ _5 }' ?" i69 中石板蓝色 #7F00FF 5 x8 C' }1 U4 l  \, W. C
70 中春绿色 #7FFF00 ; k/ f  L+ c* D- W' I
71 中绿松石色 #70DBDB : |6 |4 K  z( A- ^: a# A
72 中紫红色 #DB7093 4 B. h# D1 D6 k7 I4 m& P
73 中木色 #A68064 * d) g8 p$ G, j% b
74 深藏青色 #2F2F4F
( k$ Q" O! C# l/ G! c75 海军蓝 #23238E
" R. P  _" C* Z3 Q+ h# z$ S' C76 霓虹篮 #4D4DFF
+ V: H* p) [9 P& f' a* a/ p* s77 霓虹粉红 #FF6EC7 6 Q8 D6 f4 W; R6 W# d. V
78 新深藏青色 #00009C % e4 ^* ^" M% ~" s, Y! |% u
79 新棕褐色 #EBC79E
5 ?. _0 M# L5 K. ^80 暗金黄色 #CFB53B
6 \+ |9 z3 |" |- l3 m/ w81 橙色 #FF7F00
; i5 T' Y7 `4 t/ `, b82 橙红色 #FF2400
* s# c5 @' t4 o8 U0 @9 c; Q83 淡紫色 #DB70DB
2 H; {' }( o8 I& e84 浅绿色 #8FBC8F 3 J. w! r/ s- `) o; j/ y9 W
85 粉红色 #BC8F8F ( h1 C/ g0 X1 c; O1 {! S
86 李子色 #EAADEA
% k6 l* C9 I, w% |- R! h+ j2 j. q9 d87 石英色 #D9D9F3
4 A. \& }  b" ^; T. ]- C88 艳蓝色 #5959AB 2 t: D* s, f  @7 T" D
89 鲑鱼色 #6F4242 + H, ^' b! t6 V; J
90 猩红色 #BC1717
& @' R$ ?9 R2 k7 G1 s91 海绿色 #238E68 + ]5 z8 w7 P. P6 |7 X5 {2 @4 b
92 半甜巧克力色 #6B4226 / D* d# M, d4 Y9 Z; O
93 赭色 #8E6B23 2 @2 W1 R' C" B( ~8 b
94 银色 #E6E8FA
(这个是银色)
1 d) v! s% _1 A7 V
95 天蓝 #3299CC " r1 g; g& l! Q) ?; _
96 石板蓝 #007FFF 8 U8 x6 N9 p) B5 w* J7 [
97 艳粉红色 #FF1CAE " f6 l1 s% M/ h) a- I+ F
98 春绿色 #00FF7F
' e/ @0 l: Z4 C; M) U99 钢蓝色 #236B8E
7 o0 c3 g- j6 x1 a; T0 w$ e100 亮天蓝色 #38B0DE * S( w9 E  ^1 |9 D1 K" j* z
101 棕褐色 #DB9370
8 Q3 ~4 k  G  W6 g6 P$ J102 紫红色 #D8BFD8 $ s+ F* e8 a6 [: p! \
103 石板蓝色 #ADEAEA
/ K( N( F0 _2 @( z& h104 浓深棕色 #5C4033
, q$ i( |) e; Y( u" y* G105 淡浅灰色 #CDCDCD 2 L+ {  v+ K+ R* z! I2 M+ O3 b: m
106 紫罗兰色 #4F2F4F
; p9 g5 f' j: L- N107 紫罗兰红色 #CC3299
  \/ M: O7 U+ m  u108 麦黄色 #D8D8BF 6 b! b, H2 H( R$ N: M* @3 B2 j$ Y3 F
109 黄绿色 #99CC32

8 G  p& N/ A5 w

, S5 u) l' V1 j$ D

转载请保留当前帖子的链接:https://www.beimeilife.com/thread-17367-1-1.html 谢谢
发表于 2016-6-24 11:49 | 显示全部楼层
table=560,#ff9999]
8 H& I! i: C! M" w[tr][td]
% d: B' d- M4 H9 n% n) O

7 e( \# Z" P6 i4 |9 U
内容
[/td][/tr]
& t% D7 X2 _/ Q4 H; o3 B[/table<p></p>
) B0 O* r4 E( V) [/ P
, l3 U7 Y  ]# h4 Q6 Y) V. ~) _
  R  I) A  ?6 R9 C?
发表于 2016-6-24 11:54 | 显示全部楼层
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

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

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

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

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