» 您尚未
登录
注册
|
搜索
|
社区服务
|
帮助
社区服务
银行
朋友圈
搜索工具
短消息
收件箱
发件箱
消息跟踪
写新消息
控制面板
控制面板首页
编辑个人资料
查看个人资料
好友列表
用户权限查看
交易管理
特殊组购买
收藏夹
我的主题
统计与排行
基本统计信息
到访IP统计
管理团队
管理统计
在线统计
会员排行
版块排行
帖子排行
大树下休闲居
»
精品攻略
»
F2blog修改皮肤主体宽度的解决方法
>> ◇◇◇站长交流◇◇◇
|- 站长灌水杂谈
|- 域名主机优惠
|- 免费源码共享
|- 免费建站工具
>> ◇◇◇教程攻略◇◇◇
|- Free.fr攻略
|- XREA攻略
|- RIPN攻略
|- 精品攻略
>> ◇◇◇资源共享◇◇◇
|- AD资讯
|- 免费空间
|- 免费域名
|- 综合资源
>> ◇◇◇站务管理◇◇◇
|- 新生报到
|- 本站事务
交 易
投 票
本页主题:
F2blog修改皮肤主体宽度的解决方法
打印
|
加为IE收藏
|
收藏主题
|
上一主题
|
下一主题
好大一棵树
级别:
新手上路
精华:
0
发帖:
22
树根:
1
树叶:
43
树苗:
0
注册时间:2011-03-06
最后登录:2011-04-05
F2blog修改皮肤主体宽度的解决方法
在开始改模版之前,对于 F2blog 所使用的 CSS 你得有一点基本的认识,如果你要改动的话,他要改的文件,通常是这五个,以下是一些基本的介绍:
skin.css 记录模版名称、设计者、设计日期等等
global.css 模版整体规范,包括 body, img, p, th 等等
layout.css 最重要的部分,所有整体的规范,大概都在这里
link.css 针对侧边栏, blog 最上方的导航栏的规范
typography.css 最主要的是月历等等
那么这一次我们想要改宽的是文章主体栏的部分,所以我们要改的就是 layout.css 这个文件。
首先我们来看一下,在 F2blog 预设的模版裡面,文章主体的预设宽度是 480 px,那我们期望的宽度是 700 px,于是增加的宽度是 220 px。
接著,我们分别改以下 css 的值就可以了
#container
原来为 780 px 改为 1000 px
#container #header
原来为 745 px 改为 965 px
#container #Tbody
原来为 740 px 改为 960 px
#mainContent
原来为 510 px 改为 730 px
.content-width
原来为 480 px 改为 700 px
#MsgContent
原来为 450 px 改为 670 px
当然修改宽了文章主体栏的部分,相对的 banner 的宽度就不太够宽了!
所以这个时候,您需要去找一个新的 banner,或是把F2blog 预设的模版的 banner 放大喔!
本文来自:幸运儿博客 详细出处参考:
http://www.luckb.com/read-2775.html
Posted: 2011-04-03 18:51 |
[楼 主]
快速跳至
>> ◇◇◇站长交流◇◇◇
|- 站长灌水杂谈
|- 域名主机优惠
|- 免费源码共享
|- 免费建站工具
>> ◇◇◇教程攻略◇◇◇
|- Free.fr攻略
|- XREA攻略
|- RIPN攻略
|- 精品攻略
>> ◇◇◇资源共享◇◇◇
|- AD资讯
|- 免费空间
|- 免费域名
|- 综合资源
>> ◇◇◇站务管理◇◇◇
|- 新生报到
|- 本站事务
大树下休闲居
»
精品攻略
Total 0.099475(s) query 5, Time now is:03-29 12:52, Gzip disabled
Powered by
PHPWind
v5.3
Certificate
Code © 2003-07
PHPWind.com
Corporation