随着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}-->左右分栏的frame判断复制内容到剪贴板
代码:
<!--{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}-->Mini-Space链接复制内容到剪贴板
代码:
<span class="bold"><a href="space.php?uid=$discuz_uid">$discuz_userss</a>: </span> <a href="$link_logout">{lang logout}</a>div结构简化
将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'])}-->js调用调整复制内容到剪贴板
代码:
<script type="text/javascript" src="include/javascript/floatadv.js"></script>分栏frame判断复制内容到剪贴板
代码:
<!--{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;
}[
本帖最后由 dfox 于 2007-3-13 13:17 编辑 ]
