免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

简单淡雅的双层边框任你用

本帖最後由 rainbow 於 2018-1-30 19:20 編輯
两层花边框-01复制起点

大 标 题

此处输入文字内容

两层花边框-01复制终点


两层花边框-02复制起点

大 标 题

此处输入文字内容

两层花边框-02复制终点


两层花边框-03复制起点

大 标 题

此处输入文字内容

两层花边框-03复制终点


两层花边框-04复制起点

大 标 题

此处输入文字内容

两层花边框-04复制终点


两层花边框-05复制起点

大 标 题

此处输入文字内容

两层花边框-05复制终点


两层花边框-06复制起点

大 标 题

此处输入文字内容

两层花边框-06复制终点


两层花边框-07复制起点

大 标 题

此处输入文字内容

两层花边框-07复制终点


两层花边框-08复制起点

大 标 题

此处输入文字内容

两层花边框-08复制终点


两层花边框-09复制起点

大 标 题

此处输入文字内容

两层花边框-09复制终点


两层花边框-10复制起点

大 标 题

此处输入文字内容

两层花边框-10复制终点


两层花边框-11复制起点

大 标 题

此处输入文字内容

两层花边框-11复制终点


两层花边框-12复制起点

大 标 题

此处输入文字内容

两层花边框-12复制终点


两层花边框-13复制起点

大 标 题

此处输入文字内容

两层花边框-13复制终点


本帖最後由 rainbow 於 2018-10-6 21:32 編輯
两层花边框-014复制起点

大 标 题

此处输入文字内容

两层花边框-014复制终点


两层花边框-015复制起点

大 标 题

此处输入文字内容

两层花边框-015复制终点


两层花边框-016复制起点

大 标 题

此处输入文字内容

两层花边框-016复制终点


两层花边框-017复制起点

大 标 题

此处输入文字内容

两层花边框-017复制终点


两层花边框-018复制起点

大 标 题

此处输入文字内容

两层花边框-018复制终点


两层花边框-019复制起点

大 标 题

此处输入文字内容

两层花边框-019复制终点


两层花边框-020复制起点

大 标 题

此处输入文字内容

两层花边框-020复制终点


两层花边框-021复制起点

大 标 题

此处输入文字内容

两层花边框-021复制终点


两层花边框-022复制起点

大 标 题

此处输入文字内容

两层花边框-022复制终点


两层花边框-023复制起点

大 标 题

此处输入文字内容

两层花边框-023复制终点


两层花边框-024复制起点

大 标 题

此处输入文字内容

两层花边框-024复制终点


两层花边框-025复制起点

大 标 题

此处输入文字内容

两层花边框-025复制终点


两层花边框-26复制起点

大 标 题

此处输入文字内容

两层花边框-26复制终点


TOP

本帖最後由 rainbow 於 2018-1-30 19:46 編輯

两 层 边 框


  一篇帖子如果加上漂亮的边框,可以使好帖锦上添花,更吸引读者的眼球,使人看得舒服,不觉得枯燥。网上有不少精美的边框,如何才能复制得好,把它变成自己的边框?这就必须学会使用代码,修改代码。但代码太长太多,往往让人头晕。

  所以初学者不宜一开始就做多层边框,最好还是从最简单的两层边框学起。其实只要颜色配得好,简简单单的两层也完全可以作出精美优雅的边框,完全不需要追求太多层的边框。待学会了用代码发帖後,才逐步做多层边框和较复杂的花样。由浅入深,才能学得扎实。

下面介绍如何用代码制作边框的方法:

1)打开记事簿(Notepad)(不要用MS Words!)
2)把下面的代码复制到Notepad里;把下面代码里那些红色字改成自己喜欢的宽度、背景图片和颜色。
3)点击论坛编辑栏上的“Discuz!代码模式”
4)把 Notepad 里修改好的代码贴到编辑栏里;
5) 点击编辑栏左侧表情图下面的“禁用Smiles”和“启用Html代码”。然後预览,满意了就发出。

代码:

<center>
<div style="width:边框宽度px">
<table cellSpacing=0 cellPadding=0 width=100% background=背景图片网址 align=center>
<tbody>
<tr>
<td style="padding:40px">
<table style="border:5px #夹边颜色代码 ridge" cellSpacing=0 cellPadding=0 width=100% bgcolor=#文字区域底色代码 align=center>
<tbody>
<tr>
<td>
<br>
<div align="center" style="color: #大标题颜色代码; line-height: 1.5em; font-size: 40pt; font-weight: bold">大 标 题</div>
<br>
<div style="padding-left:20px; padding-right:20px; FONT-SIZE:16pt; COLOR:#文字颜色代码; LINE-HEIGHT: 150%; FONT-FAMILY: 字型; font-weight: bold" align=left>此处输入文字内容 <br><br>
</div>
</td></tr></tbody></table>
</td></tr></tbody></table>
</div></center>

说明:
将以上代码里的红色字改一改即可变成自己设计的边框了。
在此论坛里允许的最大边框宽度为800px






TOP

返回列表