頁面主體模板如何使用代碼移動

[复制链接]
查看11 | 回复0 | 2009-1-30 06:28:38 | 显示全部楼层 |阅读模式
在blog主頁里面,正中間那個主體,就是有文章在上面那個,如何用代碼將其移動,使它不在正中間..

                                                                                                你好!模版移位代码代码如下:<style>.body{margin-top:**px;} →调整模版上下位置.bodybg{margin-left:**px;} →调整模版左右位置.feeds .text{margin-left:**px;} →调整正文文章部分左右位置.label{margin-left:**px;} →调整面板的左右位置.photo{margin-left:**px;} →调整形象照片的左右位置.callboard{margin-left:**px;} →调整公告栏的左右位置.calendar{margin-left:**px;} →调整日历的左右位置.links{margin-left:**px;} →调整面板(最新留言、最新评论等面板)的左右位置#labelFM000014{margin-left:**px;} →调整博客隐藏计数器的左右位置#labelFM000011{margin-left:**px;} →调整推荐订阅处的左右位置</style> 其实这也不是什么新代码,只是巧用了margin属性而已。其中最主要的是第二段代码 .bodybg{margin-left:**px;} 能使中间的部分整体移位,其他的代码主要用于更改模版的时候进行细微调节用的,能使博客整体布局更加协调合理,以趋于完美。 用的时候请把每行代码后面的解释文字去掉,否者代码无效。每行代码中的**为具体数值,可根据你自己的实际需要进行设定。对代码不够熟悉的朋友请不要乱用上面的代码,用不好会使模版出现混乱,变形的很难看。用移位代码实现的效果(中间部分整体移位)可见此博客:http://blog.sina.com.cn/m/harrybobo移位代码可配合修改模版宽度的代码一起使用,顺便再发一下更改模版宽度的代码(有补充):                                       
提问者对答案的评价:

                                                                                                你好!怎么在博客中使用代码?方法一:1、管理博客----首页内容维护----自定义空白模板----新建,创建模块标题,显示源代码粘贴代码【粘贴代码前,先在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( <DIV> </DIV> ),这时你再将自己的代码粘贴到它的下面即可。因为在新建立的空白模块中使用CSS代码粘贴时,没有别的内容,是不会显示的,也就是说CSS代码是不能单独使用的】----保存并返回;2、管理博客----自定义设置----定制我的首页----点添加模块----点选创建好的模块标题----勾上并保存,移动新建面板位置----保存设置。我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。方法二:1、管理博客----首页内容维护----打开一个以前建的自定义面板----显示源代码粘贴代码----把代码加到最后----保存并返回2、如果你放代码的那个面板已经被使用了,这段代码就已经起作用了,如果没有使用,可以按上述方法一中2的内容操作! 谢谢您的提问,祝您一切顺利!欢迎光临我的博客!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行