北美网备份站
标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享 [打印本页]
作者: 北美生活网 时间: 2016-6-24 11:27
标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享
相信很多人都想要自己发布的帖子是美美的,漂亮的,
今天就给大家分享一下如何把帖子编辑的漂漂亮亮的。
感兴趣的盆有可以进来学习下哦!
% m5 s3 q: l( H* g简单边框之一:* J7 P* N: f, c0 c8 x1 U: m8 u5 a
! Y: `% `4 O) k' W- [单纯的内容边框- G. U R: ~. s( V; R
; e8 b# B) K" e# ?- M+ m. S8 W2 w9 Y& x0 c; Y/ l- C5 r# \( n
0 `0 s; y( |! ^! u0 E3 F! Q
代码如下:/ G0 Z3 G; u/ ^! y7 B; |5 H
& b" G/ M4 ]( e) g: c) g, u+ ^
9 T j: b; s& A, t; I2 l# j复制代码 _8 _2 P" X0 e) d# I% h; W
1层边框4 @2 h) q& S% O3 ^) S% z
代码如下:
- [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table], T' N% \3 v- S2 V- a7 X/ b' ^
- 复制代码
复制代码
: h5 ^' I! u: v& n; j+ [% g/ R
# b( \6 U$ G: p. _) }( L& \3 \
' G4 s: ^/ y% H' W6 c# L复制代码; o2 Z& H0 C! b3 y
7 k3 w t! }1 g) t2层边框
" f; u8 q6 }& I* b' G' r: U- t7 t/ t- A
代码如下:
- 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]
复制代码 : |7 F$ Y- u7 E6 O6 y% L
2 h$ n8 D$ t) Q) E: Q3 A- 01.
1 b- E1 w& L/ p; d5 i
' S2 Q# N) G! E, O& O% t9 Q. J复制代码8 ^4 t9 f8 f# } t' `
2 ?( M4 W$ C, h- S: T6 x( [( F
3层边框+ w7 [0 F4 s% t4 Q% K
代码如下:
- [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]
复制代码 0 V4 `. x3 D6 o- j5 W
@4 e( m' I2 o- U
- 01.8 \3 U+ y3 g4 e7 D: w9 l/ S
1 W8 t$ G7 j8 \) A4 W* [复制代码: B, {1 ~8 G, ?/ |7 Y$ w6 Z
% a% D# Y; c: c3 T& @+ q/ P
0 h' p, C Q! c1 e简单边框二:
" v: T9 Y4 E2 d; N9 k& y- ^/ F
+ J& L* U ^; ^& J% Z j边框效果:- i X7 o% j5 L6 x3 H
' \: d% i2 J3 p; B' I+ I
/ x$ X h9 e! m9 L代码如下:
, a8 X7 U0 B# y0 \8 E
. [& B* Q) k' I3 t$ ]1 ~# {0 {
" F# F: d6 L% y; @. N* D. i8 r
5 H: E/ \" _4 ^
5 J1 i) R Y2 `0 h1 l* V9 c+ L( Q5 Q# H+ a3 C
- 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$ k9 Z7 q7 x- M6 s- W! K. H
- 复制代码
复制代码
7 N) P( f; i; [- D( X
% g; X0 K$ `7 D s5 V; y8 ~( ]: A6 Q: U: N+ s- x+ N
1 J# _7 A( o3 X s3 i% v) h- <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>
复制代码
; ?1 m1 }. g5 e1 i" c& Y
1 S9 G) A: x& B* N; X5 g. a, f6 x& B2 r& O* V. z
代码如下:
% _/ k' i7 ~4 P/ @! A; R- 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 N5 O$ Y0 h. k6 z. {0 D, [% i( e
- 复制代码
复制代码
: @ j: r! S9 J7 h* K! H( Z! w# x9 } ?# V- Y0 r5 m; D
8 G+ Q8 t9 |& E1 Q, b& i
1 C4 \) T4 n8 v# i/ ~2 V7 F! ]9 Y
边框效果:
, [( L$ {1 G* J! t7 d( v
: V6 L6 V# I" ?& O& Z0 ?+ a8 J c) `" H9 b
' Y; @8 F% ~: _5 T5 ~# t3 y) a- |3 l6 H
代码如下:
3 \' \5 l! ~* l% D7 \- 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]( J$ r x) k, ^ p
- 复制代码
复制代码
, H$ p1 O- i/ ?( V7 J+ P) u0 X" |' _: {) S+ B
+ s5 V$ ?: |0 ^6 q! o
- 01.
; n% F' K3 \' b- h w7 j2 j5 _
: e1 v. A1 u) |. g
边框效果:1 D6 T& T% o& o' K. g. |
6 j& N' w/ s- @$ u1 r
, R2 Q/ L3 h; }- P
" d- `! S% e* q代码如下:
$ U4 L! S A, k0 ^6 J1 N- 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]
. H; z$ d1 k, f% p- }5 u - 复制代码
复制代码 / @" K8 n2 ^+ o& S4 F- P, L
5 h; }3 V' n N! Z# O0 U# \! E, B# y3 G) x! {- D2 Q& I2 G
% [' E0 \5 }$ m. ?* L* O7 x; t& x; {边框效果:7 j/ P4 c |/ f- v" ~5 ^5 Q
. |; ]! P5 H# k$ v- k: {, d. b2 O7 [) I1 M/ \( k9 B( Y1 |
代码如下:
7 k1 t; w8 c" s( O. f* }$ p. m; i5 v- 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]
- u9 n$ R- p2 E/ b+ {) C - 复制代码
复制代码 0 f/ ~! L, F) `/ E, O, L7 G1 g( W
: h+ [4 I7 J/ [. B' N
1 h: i/ z5 T3 M0 ~8 A; |$ o
" \& N: D6 z- w边框效果:
7 c; n* z& n. W5 ?' e
6 r+ @/ y+ d3 u" v* x1 I }6 l; ~: G
代码如下:2 I: y5 I6 |) k3 j0 `
- 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 n4 z: A% n: {) g
- 复制代码
复制代码 4 \; Y' [* T+ O: W3 {0 J, n
6 q5 L b' K* O T
% u% L! p6 c/ }
边框效果:
0 K0 j7 E$ K1 c. B5 g2 X7 ^6 l) w* _! w) J8 H6 E, o
' ^/ F: V$ C& h. q9 U) w* ~3 ~代码如下:; i! Y5 I7 X1 e+ ]. k# j
- 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]" D& T1 s* L' ^9 q v
- 复制代码
复制代码 8 |, _7 j3 C: `# [7 \9 o( G
& e: v% s" k: w/ g( W$ [" _$ j1 k* ?9 n- L4 ^
) v# [! V/ S/ W9 t# o: d8 i
0 r) B- Y- G$ K& E# ^边框效果:. S( C- a6 j) Y6 _; ? o0 _
" a4 `' f7 Y* E+ [" |
* R$ _2 G4 q% ?. W0 j! \
代码如下:
2 \; C9 L |/ v, T- o% |# ]' J$ l- 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]
$ ]# L1 `) o9 s; n+ u* r - 复制代码
复制代码 / J, O* ?' b) Y! N) Y b; K
7 S7 i: P, Y7 J0 F
0 Y/ f, r5 i8 J( Q! N8 d* t& N* N
- 01.
+ m" F& S6 d F6 d! ?6 O
3 B" w8 C. y g
边框效果:
/ k c2 F5 k! a* F
2 I; r. d, p0 u6 f; q
8 y, d% `; Z* n, I0 @/ g' ]2 i6 M代码如下:
# i, C3 s3 x8 h2 a- 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]
5 V* A7 S; C8 f4 [8 y- M - 复制代码
复制代码 ! Z& r" @5 _( U- E
: W# Z3 w2 Y+ ]* m5 x7 w U. t
. p! i7 b. l% J& I! l. u& b7 }
- 01.
# N- o% }$ T% s! v7 F( b+ v
0 \6 C9 Z0 r; b* m* X+ J
边框效果:" ?, X! b* Q+ [! o8 \: g
5 V4 P) L+ F; ]- r: {4 m
3 n/ z" k/ B3 R$ V0 [代码如下:
) ]9 i; U) ?9 [- 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]0 Y# \+ v- ^' p/ B' I4 Z
- 复制代码
复制代码
: K; U: r% s r6 S. {# a8 C
4 q$ p3 S' r$ j8 l8 K; F. O% c! b8 e7 ?& L0 F) t
- 01.. {% P" w+ D' e6 f. K3 @
# q- z, D U y7 f' B0 b6 o7 e1 `5 s8 P, X( j
方法:
9 {: T# M7 R) w把代码复制下来.
! E. v1 C( U# I1 B3 _3 W `) j! ^粘贴到你要写的帖子中...
7 [) |( ~" w$ p* v然后勾选文本编辑框右上角的纯文本...( |/ E* m- _8 \" g% ^
你就会看到代码.....8 ?* R, h0 \6 ]( @; ` g1 \
其中[img=]这是是你的图片链接,等号后头是图片的大小[/img]! f) E1 v. p7 R% }! M) o
table=560,#ce0000 第一行 #号后是要你替换的颜色代码3 n4 A; @; n' J' U
table=550,#ea0000 第二行
( z) C% e) Y+ a$ E( y+ Ltable=540,#ff7575 第三行( g# j9 B) r7 F: I, j. {
table=530,#ff9797 第四行% M1 y& ^5 r* }7 Y6 g) k
然后想换什么颜色就填写什么颜色的代码就可以啦!不用感谢我的!
# A) i' A' h4 J. c2 N7 T) R4 H) M* C L
6 j* Z. ~8 d3 j/ b c4 s8 E6 u# L备注
- J4 |' b0 S1 a$ |& @0 B# [5 q6 U) L7 h0 k S. d
帖子里“=560 ”是帖子宽度 #999999是颜色代码。
0 A0 ~% ?; K: z- c a如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
f# k Y) {9 e* ?, G( a
1 N% T$ t2 Z( e9 R) D8 f" e Htable表格大小不要超过560,超过发出来会自动变成98%$ b7 O, t. p; C' a
" _/ m) s) X/ W1 @0 \7 o/ B
颜色代码:
1 ?" U. S: G7 c: @发帖时使用的格式为:(color=#FF00FF)要打的字(/color),用的时候把()改为[]。
% b& p; E- q* X4 \- w' l m- U% B8 K8 u
效果:
! d+ `1 g) g) v+ i ]. {3 ^! @, G: m8 n6 P- j
1 白色 #FFFFFF (这里有一个颜色哦)
$ F5 c( O! R/ [7 v8 H2 红色 #FF0000 3 r8 {/ }/ I" q1 W7 J8 z n
3 绿色 #00FF00 + x& e9 q( {! i: g5 h) S$ m* V
4 蓝色 #0000FF
: Q) w9 u# M1 `. j3 i( p/ Y- q5 牡丹红 #FF00FF : P, E5 R# z* t* T8 S: F# i
6 青色 #00FFFF - G% y0 ?# j. s; s; I# ^- Z' H
7 黄色 #FFFF00 6 r3 k( \1 W% R1 p' N C5 K
8 黑色 #000000
" l1 @2 `) A C J8 M0 S9 海蓝 #70DB93
! d7 f& ?# ?* S, R( Q10 巧克力色 #5C3317
# Y8 m6 X& _) z- ]7 S11 蓝紫色 #9F5F9F 4 @% L. j, ?5 F i
12 黄铜色 #B5A642
; c* c' a8 F( i9 P3 R. z3 s13 亮金色 #D9D919
8 W7 j- n/ m" O( F4 h( z! E14 棕色 #A67D3D
% d4 o6 L& P6 r7 U9 |- J15 青铜色 #8C7853 * ^ L7 ? g! C# S, s
16 2号青铜色 #A67D3D . u0 E5 m# @0 ]. Q
17 士官服蓝色 #5F9F9F8 K+ E$ K2 F7 N9 Z2 @% @. g
18 冷铜色 #D98719 & ~( Z8 Z; T+ ^3 Z; Z9 n
19 铜色 #B87333 & _0 Y5 [, v0 g" |
20 珊瑚红 #FF7F00
. v! ?8 \, X# C8 a% T* M% z/ b% t21 紫蓝色 #42426F
6 x2 x; o0 n; r' s" H22 深棕 #5C4033
8 m2 i0 A3 c7 V3 ]8 i! ~7 c5 _' {23 深绿 #2F4F2F 9 h2 w; R# z" J5 r1 u8 a5 E
24 深铜绿色 #4A766E
7 a5 D% m7 X$ T1 J) N: [. m6 C5 O25 深橄榄绿 #4F4F2F
! w' v) ^# k6 e26 深兰花色 #9932CD
: e* i9 a6 Q! {8 q1 B4 c+ X27 深紫色 #871F78 & x. Y7 {3 o* Y0 M; K2 {1 j
28 深石板蓝 #6B238E 5 G& E5 r* P% ]' O: k$ c
29 深铅灰色 #2F4F4F
: B: }# N" I) L) o. c30 深棕褐色 #97694F
9 K( f7 o% K L* w+ n: n4 v32 深绿松石色 #7093DB 7 L' t$ a3 w) G4 c5 U
33 暗木色 #855E42 + m, X# s, |: g" U# s$ B
34 淡灰色 #545454 & n4 x% A l, n ]# U% _' q
35 土灰玫瑰红色 #856363
' U, n1 e* L# X5 k5 H6 u36 长石色 #D19275
. B3 j5 A1 J( |+ M( C4 {) y37 火砖色 #8E2323 / J3 R3 Y& r2 a6 _
38 森林绿 #238E23 & j6 ~; _9 s! C- x a& M* \$ l1 R
39 金色 #CD7F32 3 a2 D+ h; ~2 k, B7 V, v& y% T
40 鲜黄色 #DBDB70
, q/ l) Z- e2 R; q9 }- b( j; @41 灰色 #C0C0C0
: s5 Z5 c; j0 R! |9 f42 铜绿色 #527F76
7 J# \) M1 F5 o43 青黄色 #93DB70 c7 L; [9 g* r, Q' O1 b8 Y
44 猎人绿 #215E21
% _" L, [& Q/ i" H$ X/ j" T45 印度红 #4E2F2F - o6 i; F! m/ R- E( k) f/ J
46 土黄色 #9F9F5F
# I: X9 j, A% s( b# k6 {47 浅蓝色 #C0D9D9
1 H$ s. u9 S/ V' e- Q( L* G48 浅灰色 #A8A8A8 ( p& z. f7 T8 C: _. I
49 浅钢蓝色 #8F8FBD
5 @* I& O, C9 p& u! G59 浅木色 #E9C2A6
* S. \8 |& r# F, V+ e* ~* B& F+ M60 石灰绿色 #32CD32 : B- D1 [! J* D# q! Z6 v
61 桔黄色 #E47833 2 j) J$ U% R0 c) K5 D" Q* W
62 褐红色 #8E236B $ [' k, N5 E9 k: b; Z0 ?
63 中海蓝色 #32CD99 1 Z" J, X$ I. f4 \+ n6 u1 N
64 中蓝色 #3232CD . k+ u9 T$ q0 k/ A
65 中森林绿 #6B8E23
7 R$ j6 s7 F4 s3 _+ Y66 中鲜黄色 #EAEAAE
" |/ s' X( R8 e& l67 中兰花色 #9370DB 1 o1 V% C* p% n: a* @3 Y/ T4 q
68 中海绿色 #426F42
0 Q) I ^" V- e* q4 f69 中石板蓝色 #7F00FF / V$ z9 I: \3 n
70 中春绿色 #7FFF00 " S/ u0 r) |& k0 u) u
71 中绿松石色 #70DBDB
. ]# x. I* `( J5 I: Q72 中紫红色 #DB7093
`+ Y: \! k9 P5 d1 ^3 L$ b+ ]73 中木色 #A68064 8 s: U. B! {# z! M8 ]2 n. H+ z `
74 深藏青色 #2F2F4F * q e1 E+ j9 A" O( h# @
75 海军蓝 #23238E
5 d! |/ ~) z, q3 P& L% d+ R- G0 A76 霓虹篮 #4D4DFF " q. P+ g1 q2 B' x) {
77 霓虹粉红 #FF6EC7
# o+ r- M ]* d78 新深藏青色 #00009C
9 S9 e' s5 q/ y% \, @* j79 新棕褐色 #EBC79E ! k+ C& |( ]& n* h
80 暗金黄色 #CFB53B
/ f( G. N1 n: d81 橙色 #FF7F00
' W) j* x; b4 l+ y) h( O5 H. V% _82 橙红色 #FF2400 " Q( V$ R8 {2 f8 L5 k
83 淡紫色 #DB70DB
( k3 g* T. D9 Y' c( K- E84 浅绿色 #8FBC8F
9 f4 z! S# ^6 U+ b6 `' }85 粉红色 #BC8F8F
4 i5 H# z5 b( V9 w86 李子色 #EAADEA - n1 @2 [ H& z
87 石英色 #D9D9F3 + \4 W; s2 ?4 r) m
88 艳蓝色 #5959AB
9 C" \! O. r8 J7 ~: O89 鲑鱼色 #6F4242 6 N# X6 k/ ]/ k' z' R" W1 d9 n# z
90 猩红色 #BC1717 5 S' v3 b% d6 T4 R( |
91 海绿色 #238E68
2 d4 n C1 a+ N92 半甜巧克力色 #6B4226
" R) @; B! {* T& L4 j93 赭色 #8E6B23
& X1 f% M8 _/ Z) K7 @% ]94 银色 #E6E8FA (这个是银色)# `* F) q X2 \) \4 j
95 天蓝 #3299CC
7 w% v0 J$ r$ e+ u( h/ f# }7 `96 石板蓝 #007FFF # E* W: a' W L: C4 @6 U. {/ ^8 }
97 艳粉红色 #FF1CAE ! X& G6 [4 B2 e: m& u8 C' m
98 春绿色 #00FF7F ) E& @" V, `# ^6 ^2 Y) M
99 钢蓝色 #236B8E
6 Z( m+ C$ L( x9 C% ?9 C100 亮天蓝色 #38B0DE
2 w- L* {- `* O( t. L+ q101 棕褐色 #DB9370
1 ~7 ~) }- Q+ \% L x102 紫红色 #D8BFD8
& T8 [1 x( d$ f8 k. \- H103 石板蓝色 #ADEAEA 9 L& ~- o% L% z5 R
104 浓深棕色 #5C4033
9 ~! s5 r: {% U- ?( L: N105 淡浅灰色 #CDCDCD ; y# j, v3 n, H) W/ |
106 紫罗兰色 #4F2F4F
! B' U# C6 g+ y G& U107 紫罗兰红色 #CC3299
. C! k3 ] [1 D7 |. m2 h. l108 麦黄色 #D8D8BF ( [( F8 O8 o- g, x$ V
109 黄绿色 #99CC32+ z! B2 o) [0 |$ ]' S6 V, _8 D
0 x$ ^# ^1 i* K; |+ @ E
作者: 北美生活网 时间: 2016-6-24 11:49
table=560,#ff9999]
% |0 Z1 V9 p+ m/ C. [0 a( l- e' n[tr][td]( ~& K* k- u5 E" `; \' O% W
[/td][/tr]
8 u) C% D- \4 p5 A9 Z5 B[/table<p></p>9 J U- H# j1 s1 C5 O+ h' G$ F
7 E2 n/ u, D7 p, R% I
9 {+ _, N8 z9 E1 @?
作者: 北美生活网 时间: 2016-6-24 11:54
http://sq.k12.com.cn/discuz/blog-1040829-9709.html
欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/) |
Powered by Discuz! X3.2 |