分类: 博客知识 |
让我们自由地左右移动首页模板,使自己的博客首页更加富有个性。具体方法如下:
代码如下:
代码说明:
.body
模版上下位置
.body
.label
面板的左右位置
.links
面板留言评论等面板的左右位置
.bodybg
模版左右位置
.feeds .text
正文文章部分左右位置
.photo
形象照片的左右位置
.callboard
公告栏的左右位置
.calendar
日历的左右位置
#labelFM000014
博客隐藏计数器的左右位置
#labelFM000011
推荐订阅处的左右位置
.bodybg
.feeds .text
.photo
.callboard
.calendar
#labelFM000014
#labelFM000011
例如:.body{margin-top:数字px;}
数字这两个字可以替换上你想要的数字,来移动位置。
注:
一般来说,只使用下面这个代码即可达到把模板右移或者左移的效果:
代码如下:
代码说明:
.bodybg{margin-left:130px;}
调整130这个数值就可以了,数字越大,模板位置越往右侧移动。
添加方法:
1、控制面板----首页内容维护----定义空白模板----新建,创建模块标题,粘贴代码--保存并返回;
2、控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,(页面刷新后,鼠标点住一侧模块标题上,可上下移动新建面板位置)--最后点击保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
牛眼看世界 鹅眼看困难http://blog.sina.com.cn/u/4b0648eb010006zz
科学家无法解释的灵异现象(组图)http://blog.sina.com.cn/u/4b0648eb010006xu
宋丹丹婚后感人的幸福生活http://blog.sina.com.cn/u/4b0648eb010006xp
实习医生日记:女孩流产全过程http://blog.sina.com.cn/u/4b0648eb010006xq
前一篇:视频的制作方法(实用的)