一、笔者肺话：

本教程是易茶网自定义空间模板应用的一个实例。

大家跟着以下步骤自己动手做一遍，即可了解空间自定义模板的简单使用技巧。

该应用是我近两日摸索的心得，都是些较为肤浅的部分（主要是修改模块颜色）。

希望大家在使用模版的过程中，也将自己的新发现、技巧也发布出来分享。

让我们一起把空间、商铺打扮得漂漂靓靓，呵呵。

二、参考效果：

靓仔的空间：http://quanta.11tea.com

三、操作步骤：

1、登陆帐号，点击‘设置’按钮:

2、进入‘设置’管理界面，点击‘自定义模板’：

3、进入自定义模板选择界面，创建并编辑新模板：

4、进入编辑CSS自定义模版界面，直接修改CSS源代码：

注意：在修改源码之前，请先将原来的CSS代码保存备份。

5、在CSS代码编辑器中，按"CTRL+F"查找".m_pro"按照下图填写，即可设置‘个人简介’模块的背景色：

效果：

6、在CSS代码编辑器中，按"CTRL+F"查找".m_artclg"按照下图填写，即可设置‘博客文章’模块的背景色：

效果：

7、在CSS代码编辑器中，按"CTRL+F"查找".bl_audio"按照下图填写，即可设置‘音频’模块的背景色：

效果：

8、在CSS代码编辑器中，按"CTRL+F"查找".m_album"按照下图填写，即可设置‘相册’模块的背景色：

 效果：

9、在CSS代码编辑器中，按"CTRL+F"查找".m_friend"按照下图填写，即可设置‘好友列表’模块的背景色：

 效果：

10、在CSS代码编辑器中，按"CTRL+F"查找".in_comment"按照下图填写，即可设置‘最新评论’模块的背景色：

效果：

11、在CSS代码编辑器中，按"CTRL+F"查找".m_track"按照下图填写，即可设置‘最近来访’模块的背景色：

效果：

12、在CSS代码编辑器中，按"CTRL+F"查找"body"和"bl_userstat"按照下图填写，即可设置‘整个空间’背景色：

13、在CSS代码编辑器中，按"CTRL+F"查找".header"，修改"background-image"，即可设置‘导航’背景图片，图片可先在相册中上传，然后获得其网络路径填写到下面去（图片的宽度须为 996 px 高度不低于 353 px）：

效果：

14、在CSS代码编辑器中，按"CTRL+F"查找".user"，修改"padding-left"为下图数值，即可将"导航"背景中的"用户名"去掉：

15、在CSS代码编辑器中，按上述方式修改完后，请先"预览"效果，然后调整至正确后，在确认"修改"(按“编辑”键)：

16、总结：

CSS代码模块与个人空间模块的对应关系一览：

m_pro —— 简介
m_album —— 相册
m_friend —— 好友
in_comment —— 最新评论
bl_audio —— 音频
m_track —— 最近来访
user —— 空间标题（用户名）
m_artclg —— 博客文章

bl_userstat —— 可以控制头部导航背景色
body —— 可以控制整个页面背景色
header —— 可以更换背景banner图片

17、我已经将这个模版分享出来了，大家可以在‘设置’那里选择使用模版“清茶几许3”，即可获得和我空间一样的模版效果。

不错！不错

hehe ding