5.0风格升级至5.5.0风格方法（附恭贺新禧5.5.0风格）
随着Discuz！5.5.0的发布，由于更多新功能的增加，Discuz！的模板机制也有所调整，下面对Discuz！5.0与Discuz！5.5.0的一些差异做下简单的介绍，方便各位风格制作者对现有风格进行升级，也希望更多新的风格出现。
介于大部分刚接触风格设计的朋友，主要修改header.htm，css.htm，footer.htm这三个模板文件，这里就主要说一下这几个文件和Discuz！5.0的差异。
同时附上恭贺新禧5.5.0风格，供大家对比研究
 恭贺新禧5.5.0.rar (147.83 KB)
Discuz！5.0和Discuz！5.5.0的风格模板调整时这几个文件的主要区别如下：
header.htm中
新的js调用
为了提高用户体验，简化用户操作，5.5中增加了很多ajax，通过header.htm来加载- <script type="text/javascript" src="include/javascript/ajax.js"></script>
- <!--{if !empty($plugins['links'])}-->
- <!--{loop $plugins['links'] $module}-->
- <!--{if !$module['adminid'] || ($module['adminid'] && $adminid > 0 && $module['adminid'] >= $adminid)}-->| $module[url] <!--{/if}-->
- <!--{/loop}-->
- <!--{/if}-->
- <!--{if $_DCACHE['settings']['frameon'] > 0}-->
- <span class="left">
- <script type="text/javascript">
- if(top == self) {
- <!--{if ($_DCACHE['settings']['frameon'] == 2 && !defined('CACHE_FILE') && in_array(CURSCRIPT, array('index', 'forumdisplay', 'viewthread')) && (($_DCOOKIE['frameon'] == 'yes' && $_GET['frameon'] != 'no') || (empty($_DCOOKIE['frameon']) && empty($_GET['frameon']))))}-->
- top.location = 'frame.php?frameon=yes&referer='+escape(self.location);
- <!--{/if}-->
- document.write('<img src="{IMGDIR}/frame_on.gif" border="0" alt="" /> <a href="frame.php?frameon=yes" target="_top">{lang frameon_column}</a>');
- } else {
- document.write('<img src="{IMGDIR}/frame_off.gif" border="0" alt="" /> <a href="frame.php?frameon=no" target="_top">{lang frameon_flat}</a>');
- }
- </script>
- </span>
- <!--{/if}-->
- <span class="bold"><a href="space.php?uid=$discuz_uid">$discuz_userss</a>: </span> <a href="$link_logout">{lang logout}</a>
将headder中的多个div进行简化，方便用户调整模板
----------------------------------------------------------------------------------------------------------------
footer.htm中
加强的广告功能- <!--{if !empty($advlist['footerbanner1'])}--><div align="center" style="clear: both; margin-bottom: 5px">$advlist[footerbanner1]</div><!--{/if}-->
- <!--{if !empty($advlist['footerbanner2'])}--><div align="center" style="clear: both; margin-bottom: 5px">$advlist[footerbanner2]</div><!--{/if}-->
- <!--{if !empty($advlist['footerbanner3'])}--><div align="center" style="clear: both;">$advlist[footerbanner3]</div><!--{/if}--><br>
- <!--{if !empty($advlist['float']) || !empty($advlist['couplebanner'])}-->
- <script type="text/javascript" src="include/javascript/floatadv.js"></script>
- <!--{if $_DCACHE['settings']['frameon'] == 2 && in_array(CURSCRIPT, array('index', 'forumdisplay', 'viewthread')) && $_DCOOKIE['frameon'] == 'yes'}-->
- <script type="text/javascript" src="include/javascript/iframe.js"></script>
- <!--{/if}-->
css.htm中
css.htm模板主要是对原有css进行了优化和分类整理，并补充了一部分新的内容
按功能大致分了以下11部分
/* Global */-------------------------------全局通用
/* Header */-----------------------------页面头部专用（header.htm）
/* Footer */------------------------------页脚专用（footer.htm）
/* Multi Page */-------------------------页码、翻页部分专用
/* Popup Menu */----------------------弹出菜单
/* Popup Calendar */------------------弹出日历选择
/* Index */-------------------------------首页专用（discuz.htm）
/* New Special Menu */--------------特殊帖子专用
/* Forumdisplay */----------------------帖子列表页专用
/* Viewthread */-----------------------显示帖子页专用
/* Frame */------------------------------分栏控制专用
新增加的式样表有- .msgbody {
- overflow: hidden;
- width: auto !important;
- width: 100%;
- }-----------------[code] [free] [quote] 里面用的内容体
- .autosave {
- behavior: url(#default#userdata);
- }--------------------自动保存帖子信息
- #seccode {
- cursor:pointer;
- margin-bottom: 2px;
- }----------------------验证码
- .leftmenu br {
- line-height: 5px;
- }--------------------分栏菜单
- .leftmenu {
- line-height: 18px;
- }
- .calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {
- color: {CALENDAREXPIRE};
- }
- .calendar_default, .calendar_default a:link, .calendar_default a:visited {
- color: {CALENDARTEXT};
- }
- .calendar_checked, .calendar_checked a:link, .calendar_checked a:visited {
- color: {CALENDARCHECKED};
- }
- .calendar_today, .calendar_today a:link, .calendar_today a:visited {
- color: {CALENDARTODAY};
- }
- .calendar_header td{
- width: 30px;
- height: 20px;
- }
|
-
3
评分次数
-
意思说风格升级也不会太麻烦
