进阶┊源码脚本

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

作者:jogocun 日期:2008-01-21 15:16

字号: 小 | 中 | 大


　
正在载入，请稍候……
本站 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条博友们的评论
发表评论

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