手把手教你如何设置博客日志背景图片+素材 发表者: wuyuruo 红月亮

来源:└博友窝  编辑:博客代码网  发布时间:2007-03-28  点击:  [收藏]

今天还是很开心的,因为我又学会了一些东西,很好玩,也很有成就感。是什么呢,大家其实都已经看到我辛勤努力的结果了,有没有发现什么不同之处呢。对了,就是日志的背景图啊,虽然还不算很完美,但是还是比空白好一点吧。(不准说不好看哦,我会伤心的~~~~~~~)那这么好玩,又可以帮助大家装饰博客的好东西怎么可以不拿出来一块儿分享呢。所以现在我就以我个人的经验来讲讲到底怎么做才会有这样的效果。事实上还是很简单的,但是很多时候网上的一些教程不是解说得很清楚,以至于常常看完了以后还是一头雾水,具体的操作不明确,始终做不出该有的效果来。因此我在这里要借花献佛了。为什么说是借花献佛呢,因为具体的代码什么的我还是从网上找来的,但是过程呢,我得自己写,尽量详细又不至于太复杂。希望想美化自己博客的朋友们可以一学就会,不用再烦恼了。

好了,下面我们进入正题:

日志的背景图我大致把它分为两类,一类是大图,也就是利用一张整的大图来做背景。这部分的代码来自于我的好友“选择健康”,感谢他的帮助。代码:
<table height=700 width=800 align=center background=http://photo1.9you.com/pic/userphoto/q/qq14957

296/2036758875/dvlp1153729217.jpg>
<tbody>
<tr>
<td vAlign=top></td>
</tr>
</tbody>
</table>
 

第二类是小图,就是用一张面积很小的图片重复使用,使之组合出大面积的背景图来。这个代码是在网上搜到的。
代码:
<TABLE width="100%" background=http://photo7.yupoo.com/200608

26/180815_1956685624.jpg border=0>
<TBODY>
<TR vAlign=top align=left>
<TD>
<P>内容在此</P></TD></TR></TBODY></TABLE>


具体使用的方法是差不多的。注意以下几点:
1. 两个代码中都有一个图片的链接地址,就是红颜色的部分,它是你选择做背景
的图片的地址。这个地址是图片在网络上的地址,不是本地的地址。
如果你的图片在电脑上,那么你得先把它上传。

2. 代码中有的地方有空格的,一定要保留,千万不能弄丢。在更换图片地址的时候
要小心不能把空格忽略了。不过换不换行不要紧。

3. 第一个代码中有height=700 width=800,这个是调节图片大小的,
你可以根据自己的要求改变。height是高度, width是宽度。


用法:
首先打开你发表文章的页面,进入“代码”编辑的界面,在里面粘入代码。(记得把图片地址先换成你要的)然后切换到正常编辑的界面,在和讯博客里,就是“设计”那个按键,就回到了平时的编辑界面了。这时你就会发现这个界面里面已经有了你选中做背景的图片了,所以接下来你只需要在上面直接编辑文字啊,图片啊,链接啊等等等等,就可以了。
其它的操作都是一样的,怎么样,是不是很简单啊。小图片的那一类呢,一开始上面有个“内容在此”,把它删掉,然后输入你要的内容。图一开始很小,但是你内容变多以后,它就会随之相应变大的。千万别被吓倒,其实很容易的。


当然了工欲善其事,必先利其器,要好看可不能没有过硬的素材图图啊。
所以在这里介绍一些好看的图图,也是我从网上搜集来的,谢谢那些大公无私的好人们啦~~~~~~
在我的个人相册里面,希望大家能够找到自己喜欢的。(不是和讯的相册啊,是又拍的,都是小图哦,地址在下面)

http://www.yupoo.com/albums/view?id=ff8080810d461410010d49d094f442c6


文章地址: