音画边框2
2011-12-13 00:44:34| 分类: 边框制作 |字号 订阅
简单也美
这期介绍几款简单的边框,它们没有缤纷的色彩,没有闪耀的光环。每套边框几乎用同一个色调,明暗相间,层数不多,偶而镶嵌进金黄色的细条,显得很简单。平平淡淡显大方,简简单单也美丽。
我已在边框里面放了一点图片,写了点文字,起提示的作用,适合在“老小孩网站”编辑区直接写入文字。网友如不使用可全删去。要删最好删去整行,否则原来的字体、颜色、是否居中等格式会残留下来,反而影响以后的编辑。贴进图片的宽度不要太大,以小于400像素为宜。我留的“雀梅迎春”图宽是350像素。文字中“标题”两字是居中安排的。如果要从WORD等粘贴进来的文字,贴在“标题”一行,会继承原来的居中格式。但可以再在编辑区修改成“靠左”,就不会产生每段最后一行的两三个字留在中间这种情况。原为美观在“标题”两字中间留了若干空格,请务必删除。
关于音画边框的“音”,由于老小孩网站本身可配背景音乐,为避免重复,都没有给边框配音。
如果使用中有什么问题,请给我留言。欢迎多提宝贵的意见。有批评才能有进步。
本期边框素材来源:梦謦苑 | | | | |
复制结束--314--
复制开始--301--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始。
行距是30 | | | | |
复制结束--301--
复制开始--302--
文字写在这里,图片已上传老小孩
文字是居中的
行距是30,颜色#efe2c1
背景颜色#392b22 |
| | | | | |
复制结束--302--
复制开始--303--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_4.jpg)
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_5.jpg)
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_6.jpg)
标 题
文字写在这里
行距是30,图片已上传老小孩 | | | |
|
复制结束--303--
复制开始--304--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30 | | | | |
复制结束--304--
复制开始--305--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_7.jpg)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#e2e8f9 | | | | |
复制结束--305--
复制开始--306--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_8.jpg)
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_9.jpg)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#f2f3fc | | | | |
复制结束--306--
复制开始--307--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#282e2e | | |
复制结束--307--
复制开始--308--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#b02b45 | | | |
复制结束--308--
复制开始--309--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#282b2d | | | | |
复制结束--309--
复制开始--310--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#e2edfe | | | |
复制结束--310--
复制开始--311--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#e5f9fc | | | | | |
复制结束--311--
复制开始--312--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#800000 | | | | |
复制结束--312--
复制开始--313--
![图片位置](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_1.gif)
标 题
正文写在这里,粘贴也在这里开始
行距是30,颜色#170c65 | | | | |
复制结束--313--
开始复制-0-
学做音画边框 |
现在网上流行音画边框,可以将网页打扮得很漂亮。顾名思义音画边框相当于一个镜框,将照片及小装饰贴在里面,还可配上音乐。如“知足常乐”老师将老小孩网友新年团聚的照片贴在边框里,再加以美化,使读者赏心悦目。
业已公布的边框成品和代码有很多。有的希望大家去拷贝,有的声明是自己的专利。由于老小孩博客的有效屏宽只有540像素,扣除两边的边框,留下可贴图的空间太小。况且精美的边框都很“厚”,因此不合适当作信纸用,发表大篇的文字。美照配短诗或贺卡加祝词,是最好的载体。
由于展宽不同,网上拷贝来的边框还得小做修改,以减小宽度。这几天就改了几款,尽量减薄边框,供大家点评。前几款尚可写文章,后三款宜贴图。
在改的过程中,体会到这是个艺术活,图案和颜色的搭配显得特别重要,尤其是文字的颜色。非要有点艺术细胞不可。对我这个“色盲”,显得有点力不从心,还得请有心人多多指教。
说明:由于原图没有上传到本地网站,因此发现许多图片失效了,2009年1月重新修复。原则是尽量保留原貌,但原图也没有留下拷贝的,只能另选一个换上了。现在全部图片均上传到老小孩网站。
| | | | |
复制结束-0-
开始复制-1-
复制结束-1-
开始复制-2-
复制结束-2-
开始复制-3-
复制结束-3-
开始复制--04--
复制结束--04--
开始复制--05--
复制结束--05--
开始复制--A--
|
文字从这里开始写
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_10.jpg)
|
|
| |
复制结束--A--
开始复制--B--
~welcome~
文字从这里开始写
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_11.jpg)
| | | | |
复制结束--B--
复制开始--C--
复制结束--C--
--复制开始--20--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_18.gif)
标 题
文字写在这里-20。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--21--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_19.gif)
标 题
文字写在这里-21。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--22--
标 题
文字写在这里-22。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--23--
标 题
文字写在这里-23。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--24--
标 题
文字写在这里-24。
行距是28,颜色#ffcc99 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--25--
标 题
文字写在这里-25。
行距是28,颜色#ffcc99 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--26--
标 题
文字写在这里-26。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
--复制开始--27
标 题
文字写在这里-27。
行距是28,颜色#ffcc99 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
复制开始--28--
标 题
文字写在这里-28。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
复制开始--29--
标 题
文字写在这里-29。
行距是28,颜色#800000 | | | | |
--复制结束--
在编辑框里看,尾部不整齐,发表出去是好的。
复制开始--29A--
标 题
文字写在这里-29A。
行距是28,颜色#800000 | | | | |
--复制结束--
再提供20个边框(分两次),供感兴趣的朋友采用。我还是将它保持原始的风格,没有加闪烁的边条。只是根据老小孩网站的特点,尽量减薄边框,做得简单点。素材来源大多是国外的教会网站。但我认为,边框没有国界,边框不分信仰,唯内容而已。其实里面的音乐也很好听,我们不也唱圣诞歌,做圣诞卡吗? 连这一批,我已发表了四批。只有第二批的素材小图是上传在老小孩网站上的。第一批是新竹网站、第三批是蓝天网站的博客。第四批是原始的国外网站。也不知道哪个可靠。不妨拭目以待。 好在,每个边框都配了底色,不至于看不到文字。 请朋友门多提意见。我也会经常回访。谢谢使用。
2008-09-09记:已对边框(二)至边框(五)进行维护,已将各小图全部上传到老小孩网站。
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_20.gif)
| | | |
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_21.gif)
--复制开始401--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_22.jpg)
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_23.jpg)
| | | | | | | | | | | |
--复制结束401--
--复制开始402--
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_25.gif)
| | | | |
--复制结束402--
--复制开始403--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_26.jpg)
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_27.jpg)
标题写在这里
~~~**~~~**~~~**~~~
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_28.jpg)
| | | | | |
--复制结束403--
--复制开始404--
--复制结束404--
--复制开始405--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_34.gif)
文字写在这里
文字是居中的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_35.jpg)
| | | |
|
--复制结束405--
--复制开始406--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_36.jpg)
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_37.gif)
| | | | |
--复制结束406--
--复制开始407--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_38.gif)
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_39.gif)
| |
| | | |
--复制结束407--
--复制开始408--
--复制结束408--
--复制开始409--
--复制结束409--
--复制开始410--
--复制结束410--
--复制开始411--
--复制结束411--
--复制开始412--
![Image](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_49.jpg)
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_50.jpg)
文字写在这里
文字是靠左的 | | | |
--复制结束412--
--复制开始413--
--复制结束413--
--复制开始414--
~WELCOME~
文字写在这里
文字是靠左的
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_55.gif)
| | | | |
--复制结束414--
--复制开始415--
--复制结束415--
--复制开始416--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_60.jpg)
开始写文字
行距是1.5em | | | | |
--复制结束416--
--复制开始417--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_61.jpg)
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_62.jpg)
开始写文字
行距是1.5em | | | | | |
--复制结束417--
--复制开始418--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_63.jpg)
开始写文字
行距是1.5em
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_64.gif)
| | | | |
--复制结束418--
--复制开始419--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_65.jpg)
开始写文字
行距是1.5em
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_66.jpg)
| | | | | |
--复制结束419--
--复制开始420--
WELCOME
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_67.gif)
文字写在这里
文字是靠左的
| | | | | |
--复制结束420--
--复制开始421--
![Loading...Please wait.](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_68.jpg)
文字写在这里
如果直接从WORD拷贝过来,文字是黑色,会显示不了,请用T粘贴(参看复制与粘贴一文)或直接在这里写文章。上面的图供欣赏,可删去。
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_69.jpg)
| | |
--复制结束421--
--复制开始050--
边框使用说明
这一期的边框是我在学习边框制作的过程中积累的,并已将所有的小图全都上传到老小孩网站。框里的插图及分隔条也已上传,相互可以交换使用。如果要删除它,希望不仅删除插图的内容,也要删除它的对齐格式,因为它是居中对齐的。也即要删除一整行。
--习之--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_70.gif)
| | | | |
--复制结束050--
--复制开始051--
--复制结束051--
--复制开始052--
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_74.gif)
| | | |
--复制结束052--
--复制开始053--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_75.gif)
正文写在这里
字高13pt,行高1.5字 | | | |
--复制结束053--
--复制开始054--
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_76.gif)
| | | |
--复制结束054--
--复制开始055--
正文写在这里
字高13pt,行高1.5字
~ Welcome ~ | | | |
--复制结束055--
--复制开始056--
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_77.gif)
| | | |
--复制结束056--
--复制开始057--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_78.jpg)
正文写在这里
字高13pt,行高1.5字 | | |
--复制结束057--
--复制开始058--
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_79.gif)
| | | | |
--复制结束058--
--复制开始059--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_80.jpg)
正文写在这里
字高13pt,行高1.5字
WELCOME | | | | | |
--复制结束059--
--复制开始060--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_81.jpg)
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_82.gif)
| | | | |
--复制结束060--
--复制开始061--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_83.jpg)
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_84.gif)
| | | |
--复制结束061--
--复制开始062--
![Table](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_85.jpg)
文字写在这里
文字写在这里 | | | |
--复制结束062--
--复制开始063--
正文写在这里
字高13pt,行高1.5字
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_86.jpg)
|
| | | |
--复制结束063--
--复制开始064--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_87.gif)
正文写在这里
字高13pt,行高1.5字 | | | | | |
--复制结束064--
--复制开始065--
![](http://image52.360doc.com/DownloadImg/2012/07/0412/25284586_88.gif)
正文写在这里
字高13pt,行高1.5字 | | | | |
--复制结束065--
转发至微博
|