Welcome to PJZonE - Page's Loading - Please Wait

Resize MsgContent width of PJBlog 修改日志页面评论发表面板宽度 -


一直以来都被PJBlog日志页面的评论发表面板宽度所困扰,做出的皮肤常常会因为这个问题而出现瑕疵,也曾因此而妥协,也一直没有找到好的解决办法。因为PJBlog固有的CSS样式表看似很完善了,于是也没多考虑能有其他技巧来解决问题。今天终于开窍,下面就来看看吉光片羽是如何将这个评论输入框的宽度问题该搞定吧:

首先,找到原因:PJBlog的模板将该面板的宽度写死了,这个问题再PJ3中仍未被修正。
<div id="MsgContent" style="width: 94%;">


为了解决问题,我尝试使用了CSS3选择符来搞定,当然,这点对白痴的IE6/7是毫无作用的。
#MsgContent[style="width: 94%"]{width:100%!important}

注意,再重设的宽度后一定要加 !important 强调来提升该样式语句的优先级。

然而,今天突然开窍,想到了一个不曾考虑过的路子,问题也就基本解决了,而且兼容各浏览器,除非它不支持CSS,方法很简单,添加一个父级,单独定义就好。
#innermainContent #MsgContent{width:100%!important}

因为其他使用到MsgContent的页面并没有使用innermainContent层来包裹,所以这一样式,基本就是针对日志页面的。

大家以后在制作皮肤时也被这个瑕疵所困扰就不必再抓狂了,用PJZONE.cn提供的这个方法可以完美解决。转载请保留链接并注明来源,谢谢!
Tags: PJBlog 评论输入框 个性修改 教程

吉光片羽 发表于 2010-06-05

  • 版权声明
  • 相关日志
  • 相关搜索
-
作品主人:本站原创 | http://www.pjzone.cn/beta/
引用通告:查看所有引用 | 我要引用此文章
版权声明:非特别说明,本站原创作品遵循创作共用2.5许可协议,转载请务必注明来源!
温馨提示:如果你的博客出现问题,请评论留下相关演示地址,方便参考,谢谢!
关键字 类 型
发表评论

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.