当前位置:首页 >>>教你发帖>>>流韵教你自制宽屏背景边框
流韵教你自制宽屏背景边框
发表日期:2007/2/14 0:56:00 出处:未知 作者:未知 发布人:628 已被访问 990
 

流韵教你自制宽屏背景边框

编者:流韵

宽屏背景边框给人的感觉好气派,在某些文章中使用这样边框效果很好。

下面是一段宽屏背景代码。

你把下面代码复制粘贴到你的文章编辑区的代码区中,再稍作修改就可以成为你自己制作的宽屏背景边框了。

<span style="font-size: 16pt; font-family: 宋体">
<div align="center">
<table id="table530" style="LEFT: -105px; WIDTH: 1000px; POSITION: relative; TOP: 10px" cellSpacing="5" cellPadding="0" bgColor="#64080d" background="http://www.erlou.com/bbs/UploadFile/2006-1/200612120254914391.jpg" border="2">
<tr>
<td width="91%"><div align="center"> </div><div align="center"> </div>
<div align="center">
<table border="1" width="76%" id="table531"><tr>
<td bgcolor="#B4D6FC"><p align="center"> </p>
<p align="center"><font size="5" color="#FF0000">输入文字</font></p>
<p align="center"> </td></tr>
</table></div><div align="center"> </div>
<div align="center">
 </div></td></tr></table></div></span>

说明:

1、其中的“LEFT: -105px”很重要,这是表格左面溢出的数据。你可以调整“-105”这个数据。

2、其中的“WIDTH: 1000px”是指边框背景的宽度,其中的“1000”你可以调整。

3、表示边框中的背景图片的地址是下面其中的红色部分background="http://www.erlou.com/bbs/UploadFile/2006-1/200612120254914391.jpg”的,你可以对你喜欢的网上的图片点击右键,再点击“属性”,就可以把图片的地址复制下来替换这个地址。

        4bgcolor="#B4D6FC"表示中间框内写字部分的颜色(因为要跟你自己的图片协调配套,需要重新设定颜色),你也可以用其它的代码更换成其中的红色部分。

1:部分色彩代码数据

 

 黑色

#000000

 红色

#FF0000

 黄色

#FFFF00

 蓝色

#0000FF

#9999FF

#FFCCFF

 #EFDCFC

 #009900

#CCFFCC

#D90000

#0066CC

#33CCFF

 

附2:下面是宽屏背景边框实例

 
 

 

输入文字

 

 
 
双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



sjkjl
(2011/7/25 19:33:00)

http://xzs.2000y.com/admin/uploadpic/2011721224729540.swf  天蓝蓝


daisy
(2008/5/23 9:33:00) [221.10.140.]

<span style="font-size: 16pt; font-family: 宋体">
<div align="center">
<table id="table530" style="LEFT: -105px; WIDTH: 1000px; POSITION: relative; TOP: 10px" cellSpacing="5" cellPadding="0" bgColor="#64080d" background="http://www.erlou.com/bbs/UploadFile/2006-1/200612120254914391.jpg" border="2">
<tr>
<td width="91%"><div align="center"> </div><div align="center"> </div>
<div align="center">
<table border="1" width="76%" id="table531"><tr>
<td bgcolor="#B4D6FC"><p align="center"> </p>
<p align="center"><font size="5" color="#FF0000">输入文字</font></p>
<p align="center"> </td></tr>
</table></div><div align="center"> </div>
<div align="center">
 </div></td></tr></table></div></span>



毛毛
(2007/10/20 20:22:00) [60.165.129.]

请问老师什么叫做文章编辑区的代码区,如果我在QQ空间里想做,但不知道放在哪里,您能回答吗


绿豆糕
(2007/3/3 15:21:00) [121.30.145.]

偶已渴望已久想学习这种网页制做了,今天与你相遇真是有缘啊,你是神哈.致敬哈!

 发表评论:共有 4 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

流韵年华 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ315122275 联系人:流韵年华