北美网备份站

标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享 [打印本页]

---

作者: 北美生活网    时间: 2016-6-24 11:27
标题: 美丽帖子编辑利器Discuz颜色及排版布局模板代码分享

相信很多人都想要自己发布的帖子是美美的，漂亮的，

今天就给大家分享一下如何把帖子编辑的漂漂亮亮的。

感兴趣的盆有可以进来学习下哦！

3 d4 n. E: s9 W2 D6 M! u

简单边框之一：
0 |1 H# g+ n' ~
' s4 a$ p1 B! ^8 N( P* r* M单纯的内容边框
+ O# D$ [: g% a- @. Y2 ?  w

/ @- ]; k$ A$ c

内容

代码如下：
5 I7 K/ {/ L9 \, A4 e8 N/ H- n5 `3 w

• 内容

  
  7 X/ T; b# z' t, X8 E# f* T& L

: T2 k- |5 a9 q: q, \6 F复制代码

1层边框

内容

代码如下：

1. [table=560,#ff0000][tr][td][table=548,#ffffff][tr][td] 内容[/td][/tr][/table][/td][/tr][/table]
   
2. 复制代码

复制代码

' b. o# z5 _, A2 @  l

• 内容

  
  ' y1 e% e3 n% c! g5 K% k

复制代码

4 F5 ~; @+ r, ]- ]7 r$ C2 D2层边框
0 z- V# }7 k' P# d7 b# ?7 H- m4 O
7 V( D9 O  W# [4 \8 ]$ P

内容

代码如下：

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]

复制代码

4 J4 [, X5 K1 j! L" r/ j. W* t

• 01.

  内容

  
  % L6 f: V6 p# n

复制代码
% Y6 B# K8 d2 g8 ~

3 C6 ]( |+ M: p3层边框

内容

代码如下：

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]

复制代码

/ }' ]- T8 X9 a  h2 q' L

• 01.

  内容

  
  

8 n" e! ?, m* L7 O0 z2 y( ?& P/ N2 G复制代码

$ U& m  J8 c! n- I0 [
$ e% g2 i$ k& Y$ M* g) r简单边框二：

边框效果：
& g* d) f" v6 v/ Q5 r9 R/ l8 J

内容

+ M$ e, [! ?$ ^& F' @4 Z代码如下：
' N2 e. O- R1 P9 d9 E* N; Y- \

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]
   # ~+ L. J8 ]- a( C: V
2. 复制代码

复制代码

$ W- b0 i2 n: h7 a# x! W6 a9 \: ~
4 O% |- {/ ]6 o/ \

• 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>

  复制代码
  
  ' F" M% L9 k3 I, M) M

7 [1 G5 k( Y  m& E$ P  T2 p

内容

代码如下：

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]
   ! k% Z" w8 M6 ?. I
2. 复制代码

复制代码

9 A. X$ y7 h) t; u

• 01.

  内容

  
  * k6 j7 R' x1 ?5 D4 C

边框效果：
1 y3 Y* w6 p* T  ~1 q
/ z2 b0 h$ X* P% T: e, y! }

内容

代码如下：

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]
   
2. 复制代码

复制代码

" E5 G" i0 r) @- ~9 G+ x- {6 ~
/ X! [- F) w6 J3 e

• 01.

  内容

  
  

边框效果：
" o# Y) k9 ^# ~/ D  l6 i. a
! O$ z7 X$ \! x! I

内容

) K, X' q4 E1 {+ B4 y) R, Q代码如下：

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]
   
2. 复制代码

复制代码

9 \/ b+ J' B0 s

• 01.

  内容

  
  2 L( l! R6 |+ H1 k" ?

' P0 E- Z! Z0 y* @边框效果：

内容

" V# G: K9 S4 w3 e% e5 N代码如下：
1 Z7 {- ~) f; k6 A5 D

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]
   5 i% S" M2 U# N
2. 复制代码

复制代码

4 X0 e% i* I) }0 R* i

2 O6 ]' y* A# K; _  Z

• 01.

  内容

  
  5 [5 R- b9 e" G# X

1 h: h% ?7 j3 ?8 z1 ~* _& q8 N边框效果：
1 ?$ g3 ^$ P  U& g; t

内容

代码如下：
; m8 ]* y" S" k4 C! S- i

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]
   
2. 复制代码

复制代码

1 J( o& C; K3 q

• 01.

  内容

  
  

边框效果：
0 g! }% x4 P* P- \$ V* k" B

内容

6 x, d! d# e$ p1 P8 h) E9 f1 l代码如下：

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. 复制代码

复制代码

: {5 z1 z' r5 Y& c; Q) u# _

• 01.

  内容

  
  

; i1 l  J0 w( {9 G$ Y& _
边框效果：
: C# S+ F+ C' K6 J8 U# b
  r0 h2 C  i% @6 D0 a" w4 W

内容

. e9 n5 \/ f+ o* k代码如下：
0 o! A; V8 b  n8 u8 q4 e7 {

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]
   & s/ Z3 X" C/ Q$ _8 U6 Y9 [
2. 复制代码

复制代码

9 N" c( m5 f& G

: M& L" M% P7 [5 q1 m$ j

• 01.

  内容

  
  ( l: E6 b1 p8 g9 ?2 n# z

3 s& ?, `, j- A3 {* n. R边框效果：

内容

代码如下：

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]
   2 }; _" C& W. R
2. 复制代码

复制代码

4 l/ [, N% V, M: _1 e  l

• 01.

  内容

  
  ) ?/ }+ B! Y2 W! V- u% Z

边框效果：

内容

: M0 h, n3 s/ w. r3 i. `6 @代码如下：

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]
   % J9 |' X1 b& e, C
2. 复制代码

复制代码

• 01.

  内容

  
  

方法：
把代码复制下来.
粘贴到你要写的帖子中...
然后勾选文本编辑框右上角的纯文本...
你就会看到代码.....
其中[img=]这是是你的图片链接，等号后头是图片的大小[/img]
table=560,#ce0000     第一行       #号后是要你替换的颜色代码
0 c9 T& @; j- E" O5 r, qtable=550,#ea0000     第二行
table=540,#ff7575      第三行
table=530,#ff9797      第四行
然后想换什么颜色就填写什么颜色的代码就可以啦！不用感谢我的！


8 Y6 F1 v- V) ?1 @& q备注

  q9 d1 B+ p( c( t2 T帖子里“=560 ”是帖子宽度  #999999是颜色代码。
如果想改变帖子的宽度跟颜色可以在这2个地方设置、多层帖子宽度之间数值为“12”
3 Y' u* l/ B- r% X/ u% X
table表格大小不要超过560，超过发出来会自动变成98%
; o; `7 n- ~2 O9 y. F
! f( j, g3 ?8 T7 K7 i4 d0 T颜色代码：
发帖时使用的格式为：(color=#FF00FF)要打的字(/color)，用的时候把（）改为[]。
0 t0 _1 ^) x7 E& N4 f
6 z; I! h, O+ l% |2 a6 I+ J$ S# U效果：

, N2 w% g0 }" n8 d7 V: u! C1  白色 #FFFFFF (这里有一个颜色哦)
! A4 p) l; p8 c7 h/ c2  红色 #FF0000
3  绿色 #00FF00
4  蓝色 #0000FF
5  牡丹红 #FF00FF
! M# q" B$ A+ A+ D0 ^6  青色 #00FFFF
! V6 e# y0 n* N- C# Z% n! w7  黄色 #FFFF00
. ]+ @8 Y( T3 _8  黑色 #000000
+ H; Y5 |- w7 J  |; Q! {9  海蓝 #70DB93
10 巧克力色 #5C3317
11 蓝紫色 #9F5F9F
1 `. t& \- H7 C3 r+ |3 \+ K12 黄铜色 #B5A642
13 亮金色 #D9D919
' a6 `" t5 x1 }+ `+ n14 棕色 #A67D3D
* d5 c  }; n6 G3 Y" i15 青铜色 #8C7853
( Q% U! R- A" Y0 R* q  ^16 2号青铜色 #A67D3D
- u, Z( L4 a/ f2 p17 士官服蓝色 #5F9F9F
! Y8 N2 Y6 s% g1 d5 X) E% N18 冷铜色 #D98719
19 铜色 #B87333
20 珊瑚红 #FF7F00
9 _: ?9 g+ v: a: |( \8 f21 紫蓝色 #42426F
22 深棕 #5C4033
23 深绿 #2F4F2F
24 深铜绿色 #4A766E
( ]& o( o; l5 P! ^25 深橄榄绿 #4F4F2F
26 深兰花色 #9932CD
) Z1 l% `; [2 E% Z27 深紫色 #871F78
2 R4 U' h! @! |9 |) f28 深石板蓝 #6B238E
. }( F1 @: B5 u, H6 Q2 _29 深铅灰色 #2F4F4F
30 深棕褐色 #97694F
32 深绿松石色 #7093DB
33 暗木色 #855E42
" Y9 X1 Y5 n1 }1 b34 淡灰色 #545454
  J) ^8 j6 E& T5 z, ^35 土灰玫瑰红色 #856363
; |/ F- G4 `2 }" h+ o36 长石色 #D19275
: V$ |) y4 J. y37 火砖色 #8E2323
38 森林绿 #238E23
+ I; Y& x) _4 G6 B7 L' O) y39 金色 #CD7F32
40 鲜黄色 #DBDB70
" x; E' `* @; A" C/ S5 P41 灰色 #C0C0C0
( h5 v# O. i3 D( p8 o" ^42 铜绿色 #527F76
2 ~, y. _. H! I' O0 U5 x" H3 D3 T43 青黄色 #93DB70
44 猎人绿 #215E21
( w1 K1 M7 |/ T, m  Q, P+ ^& B45 印度红 #4E2F2F
46 土黄色 #9F9F5F
0 J" }* ?" X% v, F' C47 浅蓝色 #C0D9D9
48 浅灰色 #A8A8A8
49 浅钢蓝色 #8F8FBD
! \, W1 A* B4 l; U- P59 浅木色 #E9C2A6
2 s1 L& P3 |& i  ~) p% E60 石灰绿色 #32CD32
, \: ?$ D7 |! }' X$ z: t+ u61 桔黄色 #E47833
1 L' p7 J3 ?' H7 o62 褐红色 #8E236B
, O' q5 Z9 W& z) [7 W- h63 中海蓝色 #32CD99
0 P1 z% y2 I8 R* i# I64 中蓝色 #3232CD
  d" q: P- o( i1 u* p2 k65 中森林绿 #6B8E23
66 中鲜黄色 #EAEAAE
67 中兰花色 #9370DB
68 中海绿色 #426F42
69 中石板蓝色 #7F00FF
: C$ {7 S6 u, f* ]6 ^4 C7 |0 p70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB
72 中紫红色 #DB7093
0 Y7 d8 p+ a$ U$ V0 T$ V73 中木色 #A68064
74 深藏青色 #2F2F4F
75 海军蓝 #23238E
" U- _2 e; p. W$ e- i76 霓虹篮 #4D4DFF
0 N) A- ^  F- X77 霓虹粉红 #FF6EC7
78 新深藏青色 #00009C
79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B
/ c0 H5 V& F9 p) g, u8 [81 橙色 #FF7F00
82 橙红色 #FF2400
83 淡紫色 #DB70DB
84 浅绿色 #8FBC8F
) l  F" g: j+ K- p) z1 ]7 m2 `85 粉红色 #BC8F8F
1 q  V, S) l- n9 s! P86 李子色 #EAADEA
  |2 }! B/ e+ R87 石英色 #D9D9F3
% y6 f! m4 G5 C: c$ ~0 B5 b# m$ u88 艳蓝色 #5959AB
3 ]" n% D7 P; [  x89 鲑鱼色 #6F4242
90 猩红色 #BC1717
3 s0 _* F3 O8 z/ @91 海绿色 #238E68
92 半甜巧克力色 #6B4226
93 赭色 #8E6B23
. r7 t' h: y$ {9 _+ u2 B94 银色 #E6E8FA (这个是银色)
7 f) J5 l' g0 k, X# f" G95 天蓝 #3299CC
96 石板蓝 #007FFF
97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F
4 \) d& @$ X( C! s! ^2 K$ X99 钢蓝色 #236B8E
100 亮天蓝色 #38B0DE
2 m7 m% n; f' }; {9 x/ |101 棕褐色 #DB9370
102 紫红色 #D8BFD8
103 石板蓝色 #ADEAEA
; t1 }$ x# k' k. E104 浓深棕色 #5C4033
8 s9 U7 \( `% @& S/ Z105 淡浅灰色 #CDCDCD
, {! ~6 K: B9 b106 紫罗兰色 #4F2F4F
" S7 R; D- H7 K107 紫罗兰红色 #CC3299
108 麦黄色 #D8D8BF
109 黄绿色 #99CC32
- v# p7 L" V5 K5 c: |% K, ]# {

---

作者: 北美生活网    时间: 2016-6-24 11:49
table=560,#ff9999]
2 A, `4 \5 B2 f[tr][td]
+ Z6 T# @# @# J7 @6 N

内容

[/td][/tr]
8 x+ ]8 j  O& P0 k. q; n& U# H* L+ Q[/table<p></p>


. T( t+ @: n' \' |?

---

作者: 北美生活网    时间: 2016-6-24 11:54
http://sq.k12.com.cn/discuz/blog-1040829-9709.html

---

欢迎光临 北美网备份站 (http://beimeilife.duckdns.org/)

Powered by Discuz! X3.2