[版型教學] 【美化技巧】把你的边栏移到左边

方法：

第一步：

查找css_common.htm里的代码：

.with_side .main { float: left; overflow: hidden; margin-left: -180px; width: 100%; }
.with_side .content { margin-left: 180px; width: auto; }
.with_side .side { float: right; padding-bottom: 20px; width: 180px; }

複製代碼

替换成：

本帖隱藏的內容需要回復才可以瀏覽

但是这样边栏靠的太紧，可以自行修改，建议将180改为190

第二步：
查找css_script.htm里的代码：

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

複製代碼

替换成：

#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%

第四步：更新ＣＳＳ和更新缓存，两个都要更新。

如果你开启了主题列表页的边栏，那么打开关闭边栏的按钮就会挤在上面很难看，可以作以下修改：
打开：forumdisplay.htm
找到：

<a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['{lang sidebar_collapsed_yes}', '{lang sidebar_collapsed_no}']);" class="$collapseimg[sidebar]">{lang sidebar_collapsed_yes}{lang sidebar_collapsed_no}</a>
<a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['', '{lang sidebar_collapsed_no}']);" class="collapsed_yes">{lang sidebar_collapsed_yes}</a>

複製代碼

将它剪切下来，移动到：

<div class="main">
<div class="content">
$pluginhooks[forumdisplay_top]
<div id="modarea" class="s_clear">
<div class="list">
<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>
<h3>

複製代碼

的上面。

1 評分人數