请选择 进入手机版 | 继续访问电脑版
 找回密码
 注册
查看: 4128|回复: 5
收起左侧

[分享] Discuz7.2论坛边栏移动到左边的修改

[复制链接]

5311

主题

8316

帖子

1万

积分

管理员

出售国内外虚拟空间

Rank: 10Rank: 10Rank: 10

积分
14658
帖子
8316
精华
67
体力
14658 点
蓝豆
2391 点
注册时间
2007-6-8

终身成就奖LY官方团队会员身份ID卡

发表于 2010-7-7 09:50:49 | 显示全部楼层 |阅读模式
方法:

第一步:

查找css_common.htm里的代码:
  1.     .with_side .main { float: left; overflow: hidden; margin-left: -180px; width: 100%; }
  2.                     .with_side .content { margin-left: 180px; width: auto; }
  3.             .with_side .side { float: right; padding-bottom: 20px; width: 180px; }
复制代码
替换成:
  1.     .with_side .main { float: right; overflow: hidden; margin-left: -180px; width: 100%; }
  2.                     .with_side .content { margin-left: 180px; width: auto; }
  3.           .with_side .side { float: left; padding-bottom: 20px; width: -180px; }
复制代码
但是这样边栏靠的太紧,可以自行修改,建议将180改为190

第二步:
查找css_script.htm里的代码:
  1.     #sidebar_img { float: right; display: inline; margin: 0 6px; padding: 6px 25px 6px 6px; background: url({IMGDIR}/sidebar_toggle.gif) no-repeat 100% 5px; color: {HIGHLIGHTLINK}; position: relative; z-index:98; }
复制代码
替换成:
  1.     #sidebar_img { float: left; display: inline; margin: 0 6px; padding: 6px 25px 6px 6px; background: url({IMGDIR}/sidebar_toggle.gif) no-repeat 100% 5px; color: {HIGHLIGHTLINK}; position: relative; z-index:98; }
复制代码
第三步:

进入网站后台,界面-风格管理-选风格-编辑-高级模式-找到侧边背景图那一栏,将repeat-y 100% 0 改成repeat-y 0 100%

第四步:更新CSS和更新缓存,两个都要更新。

如果你开启了主题列表页的边栏,那么打开关闭边栏的按钮就会挤在上面很难看,可以作以下修改:
打开:forumdisplay.htm
找到:
  1. <!--{if $infosidestatus[allow] == 2}-->
  2.                         <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['{lang sidebar_collapsed_yes}', '{lang sidebar_collapsed_no}']);" class="$collapseimg[sidebar]"><!--{if $collapseimg[sidebar] == 'collapsed_yes'}-->{lang sidebar_collapsed_yes}<!--{else}-->{lang sidebar_collapsed_no}<!--{/if}--></a>
  3.                 <!--{elseif $infosidestatus[allow] == 1}-->
  4.                         <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['', '{lang sidebar_collapsed_no}']);" class="collapsed_yes">{lang sidebar_collapsed_yes}</a>
  5.                 <!--{/if}-->
复制代码
将它剪切下来,移动到:
  1. <div class="main">
  2.         <div class="content">
  3.                 $pluginhooks[forumdisplay_top]
  4.                 <!--{if $forum['recommendlist'] || $forum['rules']}-->
  5.                         <div id="modarea" class="s_clear">
  6.                                 <div class="list">
  7.                                         <span class="headactions"><img onclick="toggle_collapse('modarea_c');" alt="{lang spread}" title="{lang spread}" src="{IMGDIR}/$collapseimg[modarea_c].gif" id="modarea_c_img" class="toggle" /></span>
  8.                                         <h3>
复制代码
出售国内或美国高性能虚拟空间,高速VPS以及服务器! 同时承接各种类型的网站制作,网站维护,支付宝交易安全放心!    联系QQ:6102031
懒得打字嘛,点击右侧快捷回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站公告上一条 /2 下一条

GMT+8, 2024-3-29 22:56 , Processed in 0.093750 second(s), 24 queries , Gzip On.

© 2006-2022 Powered by Discuz! X3.4

快速回复 返回顶部 返回列表