X3BLOG模板分为主题，皮肤两部分，开发新的模板也因此要分为主题开发，皮肤开发两种。主题主要定义模板的风格，用户页面的布局，内容模块的显示位置。皮肤定义背景，内容模块的显示样式等。主题模板数据存放目录为ui/theme目录。
    在ui/theme目录中，X3BLOG默认提供的3种皮肤均放在default目录下,打开ui/theme/config.xml文件,看到里面的配置信息：<theme id="default" name="默认主题">
  <skin id="default" thumb="../ui/theme/default/skin/default/thumb.jpg">默认皮肤</skin>
  <skin id="robot" thumb="../ui/theme/default/skin/robot/thumb.jpg">Robot</skin>
  <skin id="orangelife" thumb="../ui/theme/default/skin/orangelife/thumb.jpg">orangelife</skin>
</theme>    分析上面的代码，可以看到，X3BLOG中默认显示的1个默认主题，3个皮肤风格实际上就配置在这个文件中，从下面3个皮肤的配置节中的thumb属性可以看出，这3个皮肤的数据就保存在ui/theme/ default路径下。这是为了配置文件和文件的存放位置对应起来，当然在“默认主题”配置节下的风格也不一定要放在ui/theme/ default下，只是为了规范，推荐将主题目录和皮肤的保存位置和配置文件中的配置节点对应设置。
    注意img这个文件夹，按照功能区分，我们把作用范围不同的图片按照它的作用范围进行分组，所以在主题目录下和各个皮肤目录下都看到了这个文件夹，在这里提醒一下，开发的时候也可以对资源文件进行这样的分组，便于规范化。
    打开主题目录（ui/ theme/default这一级的目录）下的main.xsl文件。这个样式文件就是用来控制用户页面布局的。我们现在比较关心的是这个文件的调用方式，要搞清楚这个调用流程，还需要关注另外一个文件。现在打开empty/main.xml文件，注意这一句代码：<?xml-stylesheet type="text/xsl" href="../ui/theme/default/main.xsl"?>    程序执行的时候就是由empty/main.xml文件调用的主题下面的main.xsl文件生成的用户主页，当然X3BLOG中每个用户都会产生一个独立的文件夹，如果用户的用户名是newtj，那么该用户所属的文件夹就是u/n/e/w/newtj/（取前3个字符建立文件夹路径），这下面的文件在用户注册成功的时候会根据empty/下面的文件模板生成相应的用户配置文件，结构和empty文件夹下面的文件相同。所以实际的运行过程是，进入用户的主页的时候是调用的u/n/e/w/newtj/下面的main.xml，根据用户的设置来确定调用哪个风格下面的样式文件和皮肤文件。而empty/目录下的内容只是一个默认配置或者说是一个用户配置文件模板。