RSS
热门关键字:

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

来源: 作者: 时间:2006-10-17 Tag: 点击:
三:为X-Space首页页面底部加上自定义代码

1:用记事本或编辑器打开 “supesite/templates/default/header.html.php”文件,在“header.html.php”中的第13行,标记上方添加外框封闭代码:“
</td></tr>
<tr><td style="padding: BORDERWIDTH">
<br /></td>
</tr></table>
</td>
<td width="23" height="182" valign="top" background="http://www.sunschina.com/space/images/sunpp/rightbg.gif"><img src="http://www.sunschina.com/space/images/sunpp/right.gif" width="23" height="370"></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="26" height="76" background="http://www.sunschina.com/space/images/sunpp/leftbg.gif"> </td>
<td align="center" bgcolor="#FFFFFF"><table width="850" border="0" cellpadding="0" cellspacing="0" style="font-size: 11px; font-family: Tahoma, Arial">
<tr>
<td align="left"><img src="/img/linklogo.gif" width="88" height="31" align="top"/>  <a href="/bbs/rule.php?tid=1">关于我们</a>     <a href="/bbs/rule.php?tid=2">免责声明</a><a href="thread-1524050-1-1.html"></a>     <a href="/bbs/rule.php?tid=3">隐私政策</a><a href="rule.php?tid=1524050"></a><a href="thread-1524050-1-1.html"></a>     <a href="/bbs/rule.php?tid=4">联系我们</a><a href="mailto: "></a>     <a href="http://www.sunschina.org" target="_blank">会服中心</a>
<br /></td>
<td align="right" valign="top" class="footerlink"><a href="#top"><img src="http://www.sunschina.com/space/images/sunpp/gototop.gif" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="bottom" style="font-size:11px; font-family:sans-serif;Arial, Helvetica">
Powered by <a href="http://x-space.discuz.net" target="_blank"><font color="#7186B0"><strong>X-Space</strong></font></a>
1.0 © 2001-2006 <a href="http://www.comsenz.com" target="_blank">Comsenz Technology Ltd</a>
<br />
<font color="#0000FF">招商电话:+86.12345678900 客服热线:+86.12345678900 法律顾问:+86.12345678900</font></td>
<td align="right" valign="bottom" style="font-size:11px; font-family:sans-serif;Arial, Helvetica">
©2002 - 2006 <b>日光海岸 <a href="http://www.sunschina.com">SunsChina.com</a></b> All Rights Reservsed <br /> <a target="_blank" href="http://www.miibeian.gov.cn"><font color="#333333">鄂ICP备05005214号</font></a>
<script language="JavaScript" type="text/javascript" src="http://js.d.s35.51.la/1566.js"></script>
<script language='JavaScript' src='/upimg/allimg/20061017/1643042.jpg"> </td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="http://www.sunschina.com/space/images/sunpp/footbg.gif">
<tr>
<td width="40" height="31"><img src="http://www.sunschina.com/space/images/sunpp/footleft.gif" width="40" height="31" /></td>
<td align="right" background="http://www.sunschina.com/space/images/sunpp/cpimgup.gif"> 


</td>
<td width="40" height="31"><img src="http://www.sunschina.com/space/images/sunpp/footright.gif" width="40" height="31" /></td>
</tr>
</table>”

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





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

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

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


总结

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


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