解决表情框无法调出学到的知识

 
正在载入,请稍候……
本站 TJinnStyle 三栏皮肤用到至今有半年有余了,感觉不错就一直没再换其他皮肤了,三栏皮肤给人带来大方、内容丰富视觉效果,能充分发挥本站所要表现的资源。

  我在原 Shotan 发布的三栏皮肤上进行了CSS美化以更适合自己的审美观点吧,一切似乎都很好,但是发现在加了Google的468*60的广告代码后,界面只适应1024*768的分辨率,超过或低于该分辨率会造成右侧栏右移的现象。曾经在global.css中设置主体宽度为像素比,依然不行。自己琢磨了尝试了几个知晓的方法都无效了,也请教了一些有经验的皮肤作者,可不能解决根本问题。

  就在前几天,我想在PJ论坛的风格区找些新年2008的主题素材,认识了 cgjj ,他提供了一款两栏的新年皮肤,顶部和底部素材不错,我就“顺手牵羊”拿去用了,在TJinnStyle 三栏皮肤的基础上修改成了一款“新年2008”三栏皮肤,抱着一线希望请教了cgjj关于侧栏错位问题,仅仅在layout.css的主体样式中将宽度百分比改为像素比再加上语句“position: relative;”即可。经过测试,果然有效,但有发现造成PJ的表情框无法弹出了,回想起以前在CSS中加入文字链接下沉效果用到position: relative;就会造成表情框无法调出的,再次麻烦了cgjj测试,他给了我解决方法,即在评论框代码处加上以下语句:
  
程序代码 程序代码
#A_smiley{position: relative;}/*将表情按钮定位类型设为“相对”*/
#UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/

  然后把 common/ubbcode_ie.js 大约599行 和 UBBCode_Gecko.js 大约392行
  
程序代码 程序代码
while (tempObj.tagName.toLowerCase()!="body")

  去掉或注释掉~,即
  
程序代码 程序代码
/*while (tempObj.tagName.toLowerCase()!="body")*/

  这样就可以了,不仅解决了表情框无法调出问题还让皮肤自适应分辨率,再调整typography.css自定义侧栏的宽度,同时支持FF2.0了。

  尽管表情框可以弹出了,但是会被右侧栏遮住一部分,需要在typography.css自定义侧栏的每个模块的代码中加入 z-index:-100; /*自定义侧栏置底*/

  百度的定义 ---
  relative 属性:相对于父层定位,但是不会撑开外边的,子级相对父级绝对
  
自此,三栏皮肤已经较完美的支持IE和FF浏览器了,再次感谢 cgjj 的帮助!
 他的博客地址是:www.cgjj.cn
 有人留言需要下载,顺便发布了:http://bbs.pjhome.net/viewthread.php?tid=29839 谷歌AD正在载入,请稍候……
点此快速转到评论处,留下您的宝贵见解吧^_^

本文如需转载,请详细注明出处,尊重版权,尊重别人的劳动成果,谢谢合作哦!
Google内容AD正在载入,请稍候……

相关日志
详细信息
日志搜索
推荐收藏
反向链接
本站声明

    相关日志:

     
评论: 4 | 引用: 0 | 查看次数: 10116 | 打印此页 | 关闭此页 | 返回顶部 | 直达底部
评论列表 ↓ 点击显示/隐藏4条博友们的评论
发表评论

① 若您已是本站注册用户,请填入名称和密码,发表留言后即默认登陆.
② 若您尚未在本站注册,为了保护您的发言权,建议您注册账号,进而保护您的名称在本站不被他人所占用.若未特别说明,本站原创或转载的文章,均遵循创作共用协议.^_^
③ 若您不想注册,可以只填写用户名进行发表.
④ 转载本站文章,请注明出处,或者填写文章的引用通告地址,谢谢!
⑤ 本站注册是免费,自由的,但发表 评论/留言 即默认您遵守本站用户协议.
你没有权限发表评论!响应党的号召,十七大期间关闭评论功能