- 积分
- 30277
- 帖子
- 主题
- 精华
贡献- 份
爱心- 心
- 钻石
- 颗
- 人气
- 点
- 下界之星
- 枚
- 最后登录
- 1970-1-1
- 注册时间
- 2016-2-22
|
本帖最后由 暗夜Elen 于 2021-12-14 02:31 编辑 ) n+ e* n1 j0 u( C- k: T# h
& b3 ]- D0 L1 _5 L+ j | 【前言】 | 这份排版的精髓在于用一张宽的透明图片强行撑起来边框效果,虽然实现方法有点蠢,但是效果不错。2 D+ R7 n! c1 @, |& q
套模板用了一年多,发出来造福社会,使用CC BY-NC-SA 4.0协议授权,拿去用的话记得评分。6 X; X9 E% o4 ~& M% W" b- S
|
| 【操作细节】 | ! F) C. D' b9 y
三个箭头从上到下分别是最外层的白色部分,中间的分隔,最内层的白色背景。
, y! T* t; c; j我做排版的时候一般会根据帖子内容修改中间分隔的颜色,另外两个倒是不怎么动。' L+ x3 ?( M, F# q4 l6 f- C" L# b

/ V- |& `6 ~8 e: u2 w+ t( F红框圈出来的两个段落是两个完整的“一截”,代码文件里分别有两个带标题的段落和两个不带标题的,可以自行复制更多。
* c% c/ Z% T! C& J8 R这个排版的精髓在于用图片撑起来整个表格,所以表格里面带的图片代码不要删,会出问题。" Q( t1 f. B, A) g7 L6 l3 x+ R
|
| 【代码自取】 | - [align=center][table=98%,#F2F2F2]0 P) _- M: |: Z* K& q
- [tr][td][align=center][img=1280,12]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][align=center][table=98%,#264C46]" u' n; I) S- K- ~% |/ B
- [tr][td][align=center][table=98%,#EDEDED]
5 t }# I: C# v& m - [tr][td][align=center][img=1280,300]https://s1.ax1x.com/2020/08/07/aR4DIS.png[/img][/align][align=center][img=1280,5]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
. C9 L9 g; e! x# p - [/table][/align][/td][/tr]5 ^% ~. }# U; h: E* z
- [tr][td][align=center][table=98%,#EDEDED]
N8 C- }! y" H4 I$ P+ x - [tr][td][align=center][size=4][color=#3d3b4f][b]【SAMPLE】[/b][/color][/size][/align][/td][/tr]
3 F C9 e( O1 r - [tr][td]SAMPLE
+ }# W4 e# M6 O( j# H# Z) q& k - [align=center][img=1280,5]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]9 M6 [, Q* t7 p
- [/table][/align][/td][/tr]6 ~3 F1 X2 U: \+ z
- [tr][td][align=center][table=98%,#EDEDED]
8 h! Y1 r/ j2 R+ T% Y2 B" D - [tr][td][align=center][size=4][color=#3d3b4f][b]【SAMPLE】[/b][/color][/size][/align][/td][/tr]" l% @; L* N* f( k* c2 q5 A
- [tr][td]SAMPLE[align=center][img=1280,5]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
( N V( L5 a+ C3 M - [/table][/align][/td][/tr]8 l2 M9 s1 a) ^' M8 i
- [tr][td][align=center][table=98%,#EDEDED]
1 O' G$ W1 a" G. V3 ?1 r0 `7 T: K3 r - [tr][td][align=center][img=1280,300]https://s1.ax1x.com/2020/08/07/aR4DIS.png[/img][/align][align=center][img=1280,5]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]) f. H, T/ J1 C4 U7 D- d9 W7 C) w
- [/table][/align][/td][/tr]
& Q! U q7 k. u% `0 R) n - [/table][/align][align=center][img=1280,12]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
5 @! R, l, Y/ {% ] - [/table][/align]
复制代码 |
|
 |
p& X6 E" q8 M" T. U |
评分
-
查看全部评分
|