ZNZ'S Blog 原创博客

    如何将BOBLOG博客侧边栏的位置调换呢？其实很简单，这些都是有CSS控制的，只要找到模板程序下的css文件styles.css修改相关属性即可实现BOBLOG博客侧边栏位置的调换。

下面我们来看例子：

我们来看看基本模板中styles.css的相应代码，sidebar代表侧边栏层，content是内容层：

.sidebar {
margin: 0px;
float: right; 居右对齐
width: 200px; 宽度为200px
}
.sidebar-hide {
display: none; 隐藏层
float: right;
}
.content {
float: left; 居左对齐
width: 100%;
margin-right: -200px; 这里的-200是为了隐藏侧边栏以后设置的，下同
background-color: #FFF;
}
.content-wide {
width: auto;
margin-right: -200px;
}
.content-only {
width: auto;
margin-right: -200px;
}

    那么如果我们要把一个右侧边栏的模板修改为左侧边栏，只需要将sidebar和content层中float控制的属性对换一下，同时将sidebar-hide的float属性修改一下即可。

©如转载本站文章，请注明: 转载自: ZNZ'S Blog
本文链接地址：http://www.amznz.com/boblog-sidebar-css-left-right/
版权所有！转载时请务必保留文章链接及出处-商业媒体转载须获得授权！