[图解]啄木空间美化技巧——背景

一个空间如果有一个合适的背景，会增色不少的。下面我就一步一步讲解一下如何更改啄木空间的背景图片。（学一下没有坏处，同样适用于其他的博客空间奥~）

第一步：寻找合适的背景图片并保存到电脑上（如果电脑上有现成的，那就太好了，省去这一步不用看了）

可以通过百度的图片搜索来寻找合适的背景图片。
http://image.baidu.com/i?tn=baiduimage&word=%B1%B3%BE%B0&lm=-1&ct=201326592&cl=2&z=6

如图：
[attachment=32100]

第二步：将图片上传到自己的啄木空间相册中（这样是为了保证你的背景图片长期有效）

这个简单，不用上图了吧。进入这里上传就是：http://my.zhuomu.cn/user_index.php?action=post&type=photo

第三步：获得图片的URL地址

进入你空间的相册，找到你上传的背景图片，右击，属性。

[attachment=32103]

第四步：编辑css（这些看起来眼花缭乱的代码，其实也不难，往下看）

进入空间管理后台——风格制定——风格收藏夹，选择一个大致可以的风格，点“编辑”
如编辑这个：
http://my.zhuomu.cn/user_index.php?action=userskin&type=collection&job=edit&style=blue

下面是重点：
把url()括号里边的东西用你刚才的图片地址替换，就可以了。如图。然后你可以提交，去看看你的空间，是否变样子了？

[attachment=32106]

第五步：设置背景图片的显示方式。我认为设为“固定”更漂亮！

建议这样设置：

body{font-family: Geneva, Arial, Helvetica, sans-serif, serif;font-size:12px;line-height:1.5em;background:#F1ECD6 url(http://my.zhuomu.cn/attachment/Mon_0810/2_8764d297f06c389.jpg) fixed;color:#000;}

即后边加一个fixed，其他的参数都不要。

如果您还有其他要求，可以参考这些css参数：
no-repeat   不重复
repeat-x  横向重复
repeat-y  竖向重复
fixed  固定
right  右平衡
top 顶垂直
bottom 底垂直

OK，现在提交一下吧，是不是好看多了？

背景固定的效果演示：http://my.zhuomu.cn/blog.php?uid=2

欣宇	2008-10-21 22:34
今天先写这些吧。其他的美化技巧还有加Flash、加鼠标样式等。以后再讲吧~~

会飞的企鹅	2008-10-22 00:09
强烈支持技术贴~~

︶ㄣ.流年.﹎	2008-10-22 16:06
顶起来。支持！

刀刀溅血	2008-10-24 21:07
想知道其他的呢。强烈支持。

5215	2008-10-24 21:23
thank you!!!

5215	2008-10-24 21:24
考虑参考

意境	2008-10-28 13:13
图片不错，存了，谢谢楼主了啊~

xqin	2008-10-28 14:00
嗯，不错，有校内的基础这个也简单多了

my5312	2010-11-07 12:51
太感谢了

vivian456	2013-12-06 22:22

ruipinsu	2013-12-18 13:23
强烈支持技术贴~~

查看完整版本: [-- [图解]啄木空间美化技巧——背景 --] [-- top --]

Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip enabled