这篇文章适用于使用ghs反向代理绑定Blogger的Blogger用户。其他同学请无视这篇文章。
Blogger.com升级推出了新的模板样式,新模板更加漂亮,修改模板样式更加容易,但是我们 使用新模板后如果在不使用代理的情况下会发现页面排版一塌糊涂,侧边栏无法正常显示,这是因为有一些代码被写在了一个专门的css文件里面:
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/4246919960-widget_css_2_bundle.css' />
我首先想到的方法是把这个文件保存到没有被和谐的地方,然后对其进行引用,我把代码放在了Google Code存储,把这段代码加在<head>前面: <meta content='tc' http-equiv='Default-Style'/>
<link href='http://forbloggeruse.googlecode.com/svn/trunk/bundle.css' rel='stylesheet' title='tc' type='text/css'/>
经过测试发现这个方法只是对IE8下有效,能正常显示,Firefox3.66,chrome 6.0均不能正常显示,后来想到的方法是直接把这个文件里的css代码复制到模板里面,还真是奏效了,在不使用代理的情况 下,IE8,Firefox3.66,chrome 6.0均能显示正常,IE6下显示有点小问题,但影响不大。<link href='http://forbloggeruse.googlecode.com/svn/trunk/bundle.css' rel='stylesheet' title='tc' type='text/css'/>
这种方法虽然能够正常显示样式,但不知道除了产生代码冗余之外还有什么弊端没有,目前还没有发现,所有你如果使用新模板一定要有充分的准备,尽可能的测试 不同浏览器下的显示状况,我这里提供一个网络服务用于网站的跨平台,跨浏览器的测试:http://browsershots.org/,欢迎大家提出新的解决方法。
--
Posted By GFW BLOG 功夫网 to GFW BLOG at 7/05/2010 10:25:00 AM --
1、请点击www.chinagfw.org访问我们,订阅地址:http://feeds2.feedburner.com/chinagfwblog。2、翻墙利器"赛风"(Psiphon)代理新网址:http://wrcaonima.info/。3、本站热烈欢迎各位朋友投稿或推荐文章,请发邮件至chinagfwblog[at]gmail.com。
停止订阅,请发邮件到
gfw-blog+unsubscribe@googlegroups.com
没有评论:
发表评论