您当前的位置 » 主页 > 文章中心 > 我的博客 > Discuz X1.5 论坛默认宽屏,带窄屏切换功能设置
19/11
HIT:

[上一篇] [下一篇] Discuz X1.5 论坛默认宽屏,带窄屏切换功能设置

发布:2010-11-19 09:58 | 分类: 我的博客 | 评论: | 来源:未知

最近在做一个DEDE整合Discuz X1.5程序,由于DZ论坛默认是窄屏的,客户不大喜欢,就要求做成默认宽屏,同时又可以切换到窄屏。显示百度了一个,方法倒是不少,但是完美无错的实在是找不到。于是就打开header.htm文件,看到两处是设置款窄屏显示的,一处是判断是否显示调用宽屏的js和css代码:

<!--{if !empty($_G['cookie']['widthauto']) && empty($_G['disabledwidthauto'])}-->
<link rel="stylesheet" id="css_widthauto" type="text/css" href="data/cache/style_{STYLEID}_widthauto.css?{VERHASH}" />
<script type="text/javascript">HTMLNODE.className  = ' widthauto'</script>
<!--{/if}-->

默认状态是widthauto不为空及disablewidthauto为空是调用宽屏,那么去掉这个判断就是直接调用宽屏了,即:

<link rel="stylesheet" id="css_widthauto" type="text/css" href="data/cache/style_{STYLEID}_widthauto.css?{VERHASH}" />
<script type="text/javascript">HTMLNODE.className  = ' widthauto'</script>

替换之后更新缓存就可以宽屏显示了。

但是还有个问题,那就是当前状态时宽屏,切换处还是切换到宽屏,我们要的是切换到窄屏,所以就要改第二处:

<ul class="wslct"> <li><a href="javascript:;" onClick="widthauto(this)">
<!--{if empty($_G['cookie']['widthauto'])}-->
{lang switch_wide}<!--{else}-->{lang switch_narrow}
<!--{/if}-->

当前是切换到宽屏,则将{lang switch_wide}{lang switch_narrow}替换一下位置即可。
最后不要忘记更新缓存哦~
OK,大功告成了!

 

TAG:  
 上一篇: DEDE模板标签常用技巧备忘录(不断更新ing)
 下一篇: 解决DEDE图集上传图片时跳出302错误
发表评论 进入详细评论页>>
用户名:  验证码:点击我更换图片



  作品展示文章中心站内下载艺术设计案例中心服务内容业务流程留言咨询
COPYRIGHT @ 2009-2012 MartinStudio ALL RIGHTS RESERVED. Powered by DEDECMS 沪ICP备12028012号-1 网站安全检测平台