两 层 边 框
一篇帖子如果加上漂亮的边框,可以使好帖锦上添花,更吸引读者的眼球,使人看得舒服,不觉得枯燥。网上有不少精美的边框,如何才能复制得好,把它变成自己的边框?这就必须学会使用代码,修改代码。但代码太长太多,往往让人头晕。
所以初学者不宜一开始就做多层边框,最好还是从最简单的两层边框学起。其实只要颜色配得好,简简单单的两层也完全可以作出精美优雅的边框,完全不需要追求太多层的边框。待学会了用代码发帖後,才逐步做多层边框和较复杂的花样。由浅入深,才能学得扎实。
下面介绍如何用代码制作边框的方法:
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
|