上一篇:
免费获得正版金山毒霸一年使用权
免费获得正版金山毒霸一年使用权
如何将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属性修改一下即可。
下面我们来看例子:
我们来看看基本模板中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/
版权所有!转载时请务必保留文章链接及出处-商业媒体转载须获得授权!
博客群发
2010/06/01 01:30
不错 顶哥们
瓶子无芯
2010/04/08 18:25
ZNZ还能坚持在bo,实属不易啊,好多人都投奔wp了……
FORECE
2010/03/28 01:45
远离BO了~~~
lovedear
2010/03/27 23:53
围观!!!
分页: 1/1
1
1
Google Adsense取消西联收款金额限制
2010/03/27 21:41 | by










