三步打造和主站风格一致的Discuz! X-网页制作

王朝数码·作者佚名  2010-06-07
窄屏简体版  字體: |||超大  

在网站设计中,判断各个频道风格是否一致主要取决于头部风格是否一致,具体分为logo位置、头部背景和body背景三个部分。Discuz! X发布了,默认的风格与各位站长自己网站的风格多少有些出入,我们可以“改头换面”三步走,轻松的打造出和主站风格保持一致的Discuz! X!今天酷安网站长阿酷就来给大家讲解下。在讲之前先看看酷安网的“改头换面”后的形象:http://www.coolapk.com/bbs 。

接着咱们就跟阿酷一起,将Discuz! X改头换面吧——进入Discuz! X管理后台,进入“界面-风格管理-编辑界面风格”操作页面:

第一步:更改页面背景,body背景在站点统一风格上起着至关重要的作用,如果两个页面的背景风格不统一,则很容易给用户留下“跳跃”的感觉:

如图,可以页面背景的颜色和图片。这取决于你网站的主站风格,如果单纯以颜色作为背景,只需要填写颜色即可。如果是以图片为背景,图片的附加属性部分也最好与你的主站CSS保持一致;

第二步:更改页头背景,这一步很重要,DiscuzX默认风格中页头背景底部有一个蓝色背景条,如果要取消这个背景条,将颜色值设为透明即可:transparent

第三步:修改logo,这一步很简单,将主站的logo图片填入“站点 Logo”输入框即可,如图:

OK,看一下上边的预栏窗口,当前风格是不是已经“改头换面”啦?

最后,别忘了保存你的修改,然后还要在“界面-风格管理”更新一下CSS缓存。如图:

进入站点首页,刷新一下,Discuz! X当前的风格是不是已经被轻松的“改头换面”了?!

点击这里从eNet下载Discuz! X各个版本

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航