X-Space技巧:如何与论坛统一风格？

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

相关精彩文章

用X-Space搭建超级博客门户
用X-Space建造Web2.0文件下载站
跟我学X-Spaces个人空间模板修改
X-Space个人空间开通权限的设置

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

    一：给X-Space首页的顶部加上自定义导航条。

    1：这是X-Space安装后的默认首页。

图1

图2

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

<div align="right" style="background-color:#07b8ff;padding-bottom:5px; padding-top:5px; padding-right:17px;color:#FFFFFF">
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="11" height="22"><img src="http://www.sunschina.com/space/images/sunpp/sunpp_ban_bg1.gif"  align="absmiddle" /></td>
        <td bgcolor="#FFFFFF" style="padding-left:5px; padding-right:5px"><a href="/index.php">&raquo;日光海岸首页</a> | <a href="/space">个人空间</a> | <a href="/space/action/blog">日志</a> | <a href="/space/action/image">相册</a> | <a href="/bbs/school.php">学校</a> | <a href="http://www.sunschina.org" target="_blank">会员服务中心</a> | <a href="/bbs/index.php">论坛</a> </td>
        <td width="11" height="22"><img src="http://www.sunschina.com/space/images/sunpp/sunpp_ban_bg2.gif"  align="absmiddle" /></td>
      </tr>
    </table>
  </div>”

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