百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>Discuz教程> discuz教程:让小清新网站模板支持边栏和宽屏的修改方法
分享文章到:

discuz教程:让小清新网站模板支持边栏和宽屏的修改方法

发布时间:12/03 来源: 浏览: 关键词:
一、支持边栏的修改方法:
①首先找到 /template/qing/forum/forumdisplay.htm  文件;
② 约19行找到:
  1. <div id="ct" class="wp cl">
复制代码③将:
  1. <div id="ct" class="wp cl">
复制代码替换为:
  1. <div id="ct" class="wp cl{if $_G['forum']['allowside']} ct2{/if}"{if $leftside} style="margin-left:{$_G['leftsidewidth_mwidth']}px"{/if}>
  2.                 <!--{if $leftside}-->
  3.                         <div id="sd_bdl" class="bdl" onmouseover="showMenu({'ctrlid':this.id, 'pos':'dz'});" style="width:{$_G['setting']['leftsidewidth']}px;margin-left:-{$_G['leftsidewidth_mwidth']}px">
  4.                                 <!--{hook/forumdisplay_leftside_top}-->
  5.                                 <!--[diy=diyleftsidetop]--><div id="diyleftsidetop" class="area"></div><!--[/diy]-->

  6.                                 <div class="tbn" id="forumleftside">
  7.                                         <!--{subtemplate forum/forumdisplay_leftside}-->
  8.                                 </div>

  9.                                 <!--[diy=diyleftsidebottom]--><div id="diyleftsidebottom" class="area"></div><!--[/diy]-->
  10.                                 <!--{hook/forumdisplay_leftside_bottom}-->
  11.                         </div>
  12.                 <!--{/if}-->
复制代码④保存,后台更新下缓存!

二、支持宽屏的修改方法:
①首先找到 /template/qing/common/header.htm 文件;
②在12行下面加上以下代码:
  1. <!--{if widthauto()}-->
  2.                 <link rel="stylesheet" id="css_widthauto" type="text/css" href="data/cache/style_{STYLEID}_widthauto.css?{VERHASH}" />
  3.                 <script type="text/javascript">HTMLNODE.className += ' widthauto'</script>
  4.         <!--{/if}-->
复制代码③保存,后台更新下缓存!
+++++++++++++++++++++++++++++++++++++++++
PS.以上是手动修改的方法,需要修改forumdisplay.htm和header.htm两个文件,自适应显示器,支持宽窄屏切换,边栏显示
打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

相关文章

共有10人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板