很多f2blog用户都认为在f2中使用pj的三栏皮肤兼容性不好，其实不是这样的。三栏皮肤只比两栏多了一个必须手动控制侧栏位置的第三栏，其中最关键的就是找到侧边栏的标签，在F2官网已经提供了F2blog & Pjblog标签对照表的下载(excel文档) http://forum.f2blog.com/thread-2264-1-1.html，大家对照这个文档修改typography.css文件中的的#Side_××××，把××××改成你要显示在此处的标签名就可以了，另外里面的update包不用下载，新版的F2blog v1.2 build 03.01已经修正了这个问题。这样修改后你的f2blog就可以正常使用pj的三栏皮肤了。

1. 上传插件到f2的plugins目录，并在后台激活。
2. 回到blog首页，找到插件的标签标题名，以我的“百度知道”为例。然后查看源文件，搜索插件的标签标题名（如图），在这上面找到<div class="sidepanel" id="Side_Site_BaiDuKnow">，其中的Side_Site_BaiDuKnow就是我们要找的插件的标签了。
   
   
   
3. 用编辑器打开皮肤名下typography.css文件（注意：这点的和官网提供的修改方法有点区别了），在文件最后处随意复制粘贴一个皮肤作者提供侧栏代码，如：#Side_Links{
   position:absolute;
   top:1218px!important;
   top:1370px;
   right:230px;
   width:185px;
   }
4. 下面就开始修改了，将#Side_Links改为找到的插件的标签#Side_Site_BaiDuKnow，其中的top为距顶的距离，修改此距离到你想要的位置（如图），修改的部分就完了。right、left、width一定不要修改，否则会出现错位。最后保存。如果要修改多个标签，也是按照这样的方法改。
   
   
5.  将修改好的typography.css文件上传到你的皮肤文件夹覆盖就好了。

新手css知识：
position: absolute;/绝对定位
top:1218px!important;/top为距上的距离，right为距右的距离，lift为距左的距离，width为宽度，px为像素单位。
!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权，最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义，实现多浏览器支持。
提供一些有用的CSS Hack：
height:20px!important; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

~GetWIKI(blog)~
~GetWIKI(css)~

收藏本日志请用永久地址：http://www.5dzone.net/read.php?255
版权所有。转载时必须以链接形式注明 作者和原始出处及本声明！
如果你有其他要求，可用这个邮箱联系我：