|
X-Space应用技巧:如何与论坛保持统一风格? 网管下载dl.bitscn.com
与Discuz!论坛无缝融合是X-Space个人门户系统的特色之一,很多站长管理员为了方便用户浏览使用,加强用户的记忆,统一了论坛与个人门户的风格。比如,这个日光海岸( http://www.sunschina.com),他们的论坛与个人门户的背景、页头做了统一修饰,在访问的时候,就不至于造成在两个网站之间跳转的感觉。 网管联盟bitsCN@com
很多用户站长很羡慕这种统一的风格,却不知道该如何去做。我们就以“日光海岸”做参考,进行实例修改。( 提示:在更改之前请备份“supesite/templates/default”下所有文件)。 网管bitscn_com
一:给X-Space首页的顶部加上自定义导航条。 网管下载dl.bitscn.com
1:这是X-Space安装后的默认首页。
网管网www_bitscn_com
图片1; 网管联盟bitsCN@com
 图片2; 网管u家u.bitsCN.com
中国网管论坛bbs.bitsCN.com
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">»日光海岸首页</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> 中国网管论坛bbs.bitsCN.com <td width="11" height="22"><img src="http://www.sunschina.com/space/images/sunpp/sunpp_ban_bg2.gif" align="absmiddle" /></td> </tr> </table> </div>” 网管bitscn_com
3:保存该文件,然后刷新X-Space首页。可以看到X-Space的首页风格已经发生变化,上部的导航条已经按照我们的设计加入进来。 网管论坛bbs_bitsCN_com
|