
|
有好多朋友都问我:这么漂亮的背景是怎么做的呀。 今天决定抽出点时间写个关于和讯博客文章背景的帖子送给感兴趣的朋友。 俗语说的好:难者不会,会者不难。这个其实没有什么秘诀,简单的很。您照 我说的去做,完全OK。 一:拿来主义 在网易上注册个信箱,注册地址http://www.126.com/然后进入自己的信箱, 点击写信,然后你会看到里面有好多信纸可以供你选择,把你喜欢的直接复制粘贴 过来就好啦! 嘿嘿,够简单吧 二:背景图片 晕哦!刚刚做的帖子都没啦!发表的时候这里的代码都消失了……不得以,只 好在重新做这个帖子的时候把所有的代码都写上了“多余的字”,你用的时候一定 要记得把这些“多余的字”去掉哦,麻烦是麻烦了点儿,可我还没想出其它解决的 办法-_- 图片背景制作代码如下 <多余的字TABLE cellSpacing=8 borderColorDark=#374d37 cellPadding=2 width=622 borderColorLight=#86ae86 background=http://xz1.2000y.net/106857/uploadpic/2005091119104631756.jpg border=0> <多余的字TBODY> <多余的字TR> <多余的字TD width="90%"></TD></TR></TBODY></TABLE多余的字> 注意:制作之前先选好你想要的网络图片,点击鼠标右键,在属性里找到该图 片的地址,然后把博客编辑页面切换至“代码”,再把以下代码粘贴过来,图片地 址(http://xz1.2000y.net/106857/uploadpic/2005091119104631756.jpg )就换 成你自己刚刚找好的那个,然后切换成"设计"状态,你就可以在图片上任意编辑 你需要的文字啦啦。也很简单吧^_^ 三:多层边框的制作 第一层背景 <多余的字TABLE cellSpacing=15 cellPadding=0 width=540 align=center background=http://xz1.2000y.net/106857/uploadpic/2005101710461822454.gif border=0 div> <多余的字TBODY> <多余的字TR> <多余的字TD align=middle width="100%"> <多余的字P> </P></TD></TR></TBODY></TABLE多余的字> 第二层背景 <多余的字P> <多余的字TABLE cellSpacing=3 cellPadding=0 width="100%" background=http://xz1.2000y.net/106857/uploadpic/2005101710475175127.gif border=0> <多余的字TBODY> <多余的字TR> <多余的字TD align=middle width="100%"></TD></TR></TBODY></TABLE></P> 第三层背景 <多余的字P> <多余的字TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://xz1.2000y.net/106857/uploadpic/2005101710493610109.gif border=0> <多余的字TBODY> <多余的字TR> <多余的字TD align=middle width="100%"></TD></TR></TBODY></TABLE>多余的字</P> 第四层背景 <多余的字P align=center> <多余的字TABLE cellSpacing=1 cellPadding=0 width="100%" background=http://xz1.2000y.net/106857/uploadpic/2005101710513944672.gif border=0 <tr> <多余的字TBODY> <多余的字TR> <多余的字TD align=middle width="100%"></TD></TR></TBODY></TABLE>多余的字 </P>
样,由你自己限定,做出来看着好看就好了,这是目的。注意,还有这个也是不一 样的http://xz1.2000y.net/106857/uploadpic/2005101710493610109.gif">,就 是引号里面的。那个网址就是你自己想要放在自己网页里面的背景图片,你想想如 果都用一种背景图片,我们干嘛这么费劲地做七遍呢,所以要选择不同的背景图片 才可以显示层次感,才会丰富好看的。当然,选择的时候几层要搭调,就的协调, 才好看。 四:图片模糊的代码 <多余的字IMG style="FILTER: Alpha(opacity=200,style=3); WIDTH: 378px; HEIGHT: 402px" height=375 src="http://photo1.hexun.com/p/2006/0405/15511/b_95A27306856EFC75.jpg " width=500 ALGIN="MIDDLE"多余的字>
提示:凡是用代码的一定要先把编辑页面切换至“代码”状态. |
放一些现成的背景在这里,用的时候直接复制粘贴就可以了^_^
|
|
|
|
| |||
| |||
|
|
|
|
|
|
| ||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
|
|
: 文学




