X-Space应用技巧：与论坛保持统一风格

       与Discuz!论坛无缝融合是X-Space个人门户系统的特色之一，很多站长管理员为了方便用户浏览使用，加强用户的记忆，统一了论坛与个人门户的风格。比如，这个日光海岸（ http://www.sunschina.com），他们的论坛与个人门户的背景、页头做了统一修饰，在访问的时候，就不至于造成在两个网站之间跳转的感觉。

       很多用户站长很羡慕这种统一的风格，却不知道该如何去做。我们就以“日光海岸”做参考，进行实例修改。（ 提示：在更改之前请备份“supesite/templates/default”下所有文件）。

       一、给X-Space首页的顶部加上自定义导航条
       1、这是X-Space安装后的默认首页。

      
图片1
      
图片2

       2、用记事本或编辑器打开 “supesite/templates/default/header.html.php”文件，在“header.html.php”中的第18行之后加入如下代码：

       3、保存该文件，然后刷新X-Space首页。可以看到X-Space的首页风格已经发生变化，上部的导航条已经按照我们的设计加入进来。

       二、给X-Space首页顶部外围加上自定义样式

       1：用记事本或编辑器打开 “supesite/templates/default/header.html.php”文件，在“header.html.php”中的第18行之后加入如下代码“
 

       2、保存该文件，然后刷新X-Space首页
      
图片3

       三、为X-Space首页页面底部加上自定义代码

       1：用记事本或编辑器打开 “supesite/templates/default/header.html.php”文件，在“header.html.php”中的第13行，标记上方添加外框封闭代码：“

       2、保存该文件，然后刷新X-Space首页，就可以看到修改后的首页

      
图片4

       3、但是页面主体与左右两边的间距有些大了，造成了布局上的不美观。用记事本或编辑器打开“/supesite/CSS/main.css”，在第92行修改wrap的宽度为：“width: 850px; ”

       4、然后保存该文件，刷新X-Space首页。至此，对X-Space首页的修改已经基本完成。

       5、接下来是对“日志”、“资讯”、“相册”、“文件”等相关页面的风格统一化修改，修改方法与首页操作步骤相同。

       总结

       风格统一化修改其实很简单，要修改页面头部和左边的风格，只需要改动对应的header模板即可，而对应的右边和底部的风格，则在footer模板里修改。