|
对自己的设计框架感到满意之后,就可以进行切图。针对这个模板,需要两张图片:
1、页面底纹:整个页面的灰色斜线底纹,按照重复的规律,截取面积尽可能小的一块放到页面中平铺即可。
2、头部图片:完整截取顶部的汽车图片。
其他图片由于与系统自带的“黄色成熟”模板相同,可以直接使用。
切割完的图片总不能只是存放在自己的电脑中,需要找一个空间传输上去,这对于X-Space来说不成问题,因为它内置了相册功能,把切割完的图片直接上传到自己的相册中即可,记住上传后的URL地址,以便在接下来的步骤中使用。
图2-94:图片上传界面;
四、套用模板
图片切割完以后,开始通过CSS文件将图片应用到页面的外观中。由于我们这个模板的大部分样式跟“黄色成熟”模板类似,可以在“黄色成熟”模板的CSS基础上进行修改。
1、页面背景的修改
默认的页面背景是带有渐变的浅蓝色,这是由于space.css中规定了:
body {
background: #F5F9FC url(../images/default/background_top.gif) repeat-x top;
……
}
把body重新定义为:
body {
background: #717171 url(background_url);
}
(注意:请把background_url替换为您上传之后的页面背景图的URL地址。)
|