翻修TJinnStyle三栏皮肤之奇遇

作者:jogocun 日期:2007-07-31 22:55

字号: 小 | 中 | 大

正在载入，请稍候……

原先本站默认的“绿色淡雅”一直是自己喜欢的风格，但是加载的东西偏多，在客户端配置差情况下以及XP下某些用遨游浏览器的用户访问可能会引起卡机，目前遨游用户访问会卡机可以通过去掉鼠标样式解决。而本身这款皮肤美化的细节较多，总体流畅性能当然是不能和PJ原版自带的皮肤攀比。我想还是多弄几款心仪的皮肤放到博客上供访客选择使用吧。N久没去PJ论坛的风格区看看了，昨天进去浏览下，发现了这款“ TJinnStyle经典三栏皮肤”还不错，大气得体！而且该皮肤兼容了IE6、IE7、火狐浏览器，嗯，制作界面风格能满足这三点就是成功的风格了。

下载下来，研究了下，对其中一些小问题结合本站做了细节调整或修改了。

引用内容

2007.07.30
  二次修改TJinnStyle皮肤,原始作者为shotan，Modify By Shotan(Jogocun复修)：
- 修正在火狐2.0下字体显示不混乱;
- 右侧栏添加“最热日志和日志搜索”,重新调整各模块间距离;
- 修正顶部公告栏在火狐2.0下靠左侧显示了;
- 其它细节美化;
  暂时启用该皮肤为默认皮肤一段时间,试用看看.
2007.07.31
  调整评论框大小,以适应TJinnStyle皮肤;
  调整留言本及GG边框,以适应TJinnStyle皮肤;
  调整首页置顶显示/隐藏图片;
  调整右侧栏宽度以吻合中间板块曲线;
  留言本处的表情框局部会被右侧栏遮住问题,暂时未解决;
2007.08.01
  计划制作顶部左侧的站点LOGO标记;

今天上午在PJl论坛上发现有人反馈该皮肤在800*分辨率下错位问题，我试了下还真是如此呀，这还了得，如此经典的皮肤好像就此多了个瑕疵，多郁闷~到原修改作者站上 shotan.com 预览却没这个现象。

晚上我花了差不多2个小时多的时间查了下，安装这个皮肤为什么我站会在800分辨率下错位问题（IE6下，火狐不会），而shotan.com站不会（后来发现没放GG广告），用此风格在原版PJ测试上正常，把我站数据放到原版PJ的数据库也正常，也就说可以排除数据库和CSS问题了，于是我突然想到会不会是footer.asp和header.asp问题，因为这两个文件处理了页面的头尾信息，而出问题的情况也是整个网站页面，于是排查了下，排除header.asp问题，最后定格在了footer.asp，哈，这个文件东西少，一下子就想到会不会是底部添加的GG广告代码导致？

于是我逐一对其中加入的5-6个GG不同类型广告（3个推介等）进行了排查，最后确定是“火狐代码”和“ 468x60_as 图像和文字广告“代码与该皮肤风格有冲突，因为很明显，我去掉这两种代码后，在IE6下的800*分辨率中页面就显示正常了！

现在要从CSS中找寻与GG代码冲突的原因，看了半天没找出个所以然，我暂时是没招了！又舍不得放弃广告代码，毕竟做了有段时间呢，几十美元了。请使用800*显示分辨率和IE浏览器的朋友暂时不要选择“TJinnStyle三栏”访问本站，选用其他风格即可，谢谢你一如既往支持本站！

引用内容

编后记：再次认真的观察了，可能是中间栏、侧栏宽度没限制住。
我走弯路了。。。缩小浏览器中间部分不应该也被缩小的，正常是要出现横向滚动条的！

引用内容

更新记：
2007.08.11 01:00 调整了全局CSS，即width:1007px;有所好转，只是右侧栏向左边靠拢了，遮住了中间部分内容，继续努力啊～不过先睡觉先，，，

我发布的信息：
TJinnStyle经典三栏皮肤与GG代码冲突
晕，这风格居然和Google的468*60的广告代码有冲突，会造成IE6下的800*分辨率中页面错位！
链接：http://bbs.pjhome.net/thread-23671-1-1.html [本日志由 jogocun 于 2007-08-11 01:07 AM 编辑]