为自己的X-Space设计个性模板

互联网 | 编辑: 宋杰 2006-07-01 17:00:00转载-投稿 一键看全文

伴随着越来越多的Blog出现,新的问题随之而来:我的Blog经常与别人的“撞衫”——使用了相同的模板。对此您一定很苦恼,希望通过更具有个性的网上空间来展示自我。这就遇到了如何修改模板这个问题,又感到有些无从下手。下面以X-Space的官方网站(x-space.discuz.net/space)

为自己的个人空间设计个性模板(3)

三、设计模板

了解了X-Space的模板机制之后,就可以开展实质性的工作了。首先需要把自己心目中的模板样式设计出来,这一步需借助Photoshop或者Fireworks之类的图像处理软件。如果您对于图像处理不太在行,可以借用一下网上的优秀Blog模板。现在网上各类的Blog模板种类繁多,不过一旦启用了他人设计的模板,别忘记在您的网站上加一条版权署名。

本文在系统自带的"黄色成熟"模板的基础上,重新设计了页面头部的样式,使之变成一套简单的汽车风格的模板,旨在讲解X-Space的模板修改技巧,更复杂的模板制作还需大家深入学习。在前期的设计中不必将所有细节都通过Photoshop实现,只做出框架即可:

图3: 前期的模板框架;

对自己的设计框架感到满意之后,就可以进行切图。针对这个模板,需要两张图片:

1、页面底纹:整个页面的灰色斜线底纹,按照重复的规律,截取面积尽可能小的一块放到页面中平铺即可。

2、头部图片:完整截取顶部的汽车图片。

其他图片由于与系统自带的"黄色成熟"模板相同,可以直接使用。

切割完的图片总不能只是存放在自己的电脑中,需要找一个空间传输上去,这对于X-Space来说不成问题,因为它内置了相册功能,把切割完的图片直接上传到自己的相册中即可,记住上传后的URL地址,以便在接下来的步骤中使用。

图4:图片上传界面;

提示:试试键盘 “← →” 可以实现快速翻页 

一键看全文

本文导航

相关阅读

每日精选

点击查看更多

首页 手机 数码相机 笔记本 游戏 DIY硬件 硬件外设 办公中心 数字家电 平板电脑