2009-03-02

将 Discuz!7 右侧的边栏设置在左边

1+

萝卜白菜各有所爱,Discuz! 7 默认的侧边栏显示在右边,常理上讲将边栏放在右边是很合理的布局,有些 TX 就希望把它放到左边去,Discuz! 官方论坛上有网友提供了修改方案,感谢并摘录如下:

打开 bbs/templates/default, 找到 css_common.htm 文件,修改代码:

查找:#sidebar_img (372行) ,修改其中:float: right; 为 float: left; ,即:

#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:998; }

查找:.with_side .main (380行) ,修改:float: left; 为 float: right; ,即:

.with_side .main { float: right; overflow: hidden; margin-left: -180px; width: 100%; }

查找:.with_side .side (382行) ,修改 float:right; 为 float: left; ,即:

.with_side .side { float: left; padding-bottom: 20px; width: 180px; }

查找:.with_side .content (381行) ,修改 margin-left: 180px; 为 margin-left: 200px; ,即:

.with_side .content { margin-left: 200px; width: auto; }

保存文件,进入后台 - 界面 - 风格管理 - 编辑界面方案,切换到高级模式。

将 侧边背景图 {SIDEBGCOLOR},{SIDEBGCODE}:

第三行代码:repeat-y 100% 0

修改为:repeat-y 0 0

对于 uchome 风格,还需要修改 templates/uchome/css_append.htm 文件,删除以下 CSS 代码:

.with_side .content { padding-right: 25px; }

至此,完成将 Discuz! 7 默认的右侧边栏设置到左边。

本文仅有一篇评论 ↓↓

  1. 110网赚论坛

    谢谢啦。。。呵呵