和讯博客技巧——制作精美边框 - Seraphim - yuchangqiang - 和讯...

来源:百度文库 编辑:神马文学网 时间:2024/03/29 13:54:06
和讯博客技巧——制作精美边框 [转贴 2009-09-28 15:35:41]    字号:大 中 小 一直以来,就是使用别人设计制作的边框,但是,总有些不大符合自己的心意,下面我尝试着自己做一些自己喜欢的边框,

 第一步,先找一张喜欢的图片,比如说从百度中找,找到之后再图片上点击右健,在弹出的菜单中找到“属性”,然后点击打开“属性”,那里面有一个“地址(url)”把它复制下来,备用。

第二步, 把边框的代码复制粘贴到代码中来。画框的代码很多,只不过是重复使用就可了。这是边框线的代码

1。单线框




2。双线框




3。凸出框




4。凹进框




5。邮票框

6。虚线框




7。凹槽框




8。脊状框




9。立体阴影框

10。阴影框

11。横向渐变透明

12。圆形渐变透明

13。X形渐变透明

14。改变某种颜色

15。黑白效果

16。X光效果(底片)

17。浮雕效果

18。上下颠倒

19。左右颠倒

20。色彩颠倒

21。粒状阴影

22。模糊效果

23。水波效果(风吹)

复制好边框现代码之后,把边框现代码中的红色抵制换成我们选择好的图片的地址代码。如果希望画框做得更好看,可以重复使用这些边框线的代码。

 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

复杂一点的

 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

更好的、

 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

在接下来,我们开始在自己做的图片上写文字,这是使用代码  

 内容,文字或图片..... made by vivian_liu

 

把这组代码粘贴道博客中来,然后把代码蓝色的部分协商自己喜欢的文章,把“背景图”的地址换成自己刚做好的画框地址。。保存,就可以了。

 

1、

2、<><2img src="http://wmh0199.zhaoni.cn/files/bbs/upload/7/566259.gif" style="filter:''gray''">

3、<>