RSS
热门关键字:

X-Space如何与论坛保持统一风格?

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

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

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


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




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的首页风格已经发生变化,上部的导航条已经按照我们的设计加入进来。


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

1:用记事本或编辑器打开 “supesite/templates/default/header.html.php”文件,在“header.html.php”中的第18行之后加入如下代码“
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#07b8ff">
<tr>
<td width="15"> </td>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>
<td width="10%" height="20" style="padding-left:5px"><img src="http://www.sunschina.com/space/images/sunpp/logo_new.gif"></td>
<td width="90%" align="right" valign="top"> </td>
</tr>
</table></td>
<td width="15"> </td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="30"><img src="http://www.sunschina.com/space/images/sunpp/indexleft.gif" width="30" height="60"></td>
<td align=center background="http://www.sunschina.com/space/images/sunpp/indexbg.gif"><a href="index.php"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align=left><table width="98%" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td align="center" valign="middle">
</td>
</tr>

</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr></tr>
</table> </td>
<td width="30"><img src="http://www.sunschina.com/space/images/sunpp/indexright.gif" width="30" height="60"></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="26" height="182" valign="top" background="http://www.sunschina.com/space/images/sunpp/leftbg.gif"><img src="http://www.sunschina.com/space/images/sunpp/left.gif" width="26" height="355"></td>
<td bgcolor="#FFFFFF">
<table MAINTABLEBGCODE width="MAINTABLEWIDTH" cellpadding="MAINTABLESPACE" cellspacing="0" border="0" align="center">
<tr><td>”

2:保存该文件,然后刷新X-Space首页。

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册