菜鸟学电脑--多层背景框制作

来源:百度文库 编辑:神马文学网 时间:2024/03/29 23:47:12
 菜鸟学电脑--多层背景框制作
在上篇文章里了解到了在色纸背景上写字的方法,这是最简单的,也是最基本的,添加博客文章背景图片的方法。   但我们经常可以见到的朋友们的文章背景,往往并不是这样简单的色纸,而是代有一些漂亮的边框,今天我就在这里说明一下,那些带边框的背景是怎样做出来的,                                   (1)                  (2)               (3)                (4)   上面的这些色纸,就是上篇文章里的色纸,今天我们就利用这些色纸,来制作一些代框的背景。   如果是自己制作可以参考我的《菜鸟学电脑--如何取得图片的绝对地址》   不管是使用自己上传的图片,色纸,还是使用网上的图片色纸,都得需要先得到图片,色纸的图片地址,得到这些图片地址的方法可以参看我的文章《菜鸟学电脑--如何取得图片的绝对地址》方法是:用鼠标右击图片,选择--属性,在打开的属性框里,‘地址:(URL)’后面的就是图片地址了。
比如上面的4张图片的地址就是:
(1) http://image9.360doc.com/DownloadImg/2010/05/1610/3217480_3
(2) http://image9.360doc.com/DownloadImg/2010/05/1610/3217480_4
(3) http://image9.360doc.com/DownloadImg/2010/05/1610/3217480_5
(4) http://image9.360doc.com/DownloadImg/2010/05/1610/3217480_6
在有了背景图片地址的情况下,的需要使用一些必要的代码,来配合这些图片地址来完成。需要使用的代码是:





 在这里写字,在这里写字


以上代码是使用了上面的第4张图片的地址,显示效果如下图,代码中的:background= 后面就是需要显示的图片地址,可以给句自己的需要来更换。(代码中蓝色的部分)注意!地址和后面代码之间是需要有空格的。代码中的WIDTH: 485px数字可以修改,来调整显示宽度,显示的长度,图片会自己根据文字多少自己调整显示长度。borderColor=#600020 是边框颜色代号,border=3 是边框的宽度,这些都是可以根据自己的设计改变的。
在这里写字
在这里写字
在这里写字
在这里写字
以上的4个背景分别是用前面的4张色纸制成的的情况。当你把它复制回去,时可以直接在上面写字的。
在这里写字
上面的这张就是使用前面那4个可以写字的背景,将一张复制,粘贴到另一张里,这样依次做下去产生的,各层之间的距离,是可以调整的,点击后用鼠标拉动就可以调整。
在这里写字
上面这个是使用‘插入表格’功能生成的‘一行,一列’表格,便的宽度等都是可以在代码里调整的。
在这里写字
上面的就是将插入的‘一行,一列’表格复制粘贴到有色纸的背景框里生成的。并且边框的颜色也是可以改变的的。
可以做多层背景框,不但是色纸,也可以是图片,以及动画,比如下面这些:
            
     
在这里写字
上面这张就是使用了前面的一个动画图片,和色纸组成的两背景框。
以上是两层背景
在这里写字
以上是3层背景
在这里写字
以上就是使用前面的动画和色纸组成的4层边框。

 
在这里写字
 
等等也就可以组成各式各样的背景框了,是完全可以根据自己的喜欢来制作。对于多层背景,只要更换各层的图片地址,也就是使用不同的图片,就会得到各种不同的多层边框了。
慢慢学习慢慢看,其实制作很简单,
一张叠在另张上,下面一张只见边,
层数可以多层叠,看着就会觉美观,
各层图片都可换,变化可以千千万。

移动心灵2010-05-16 10:36:18 [举报]
老师艺高胆包天,
变化可以千千万。
吾等笨人难上难
一变都成手难缠。
学习学习再学习,
愿为无忧当徒弟.