202405月202303月202007月201706月201602月08月201501月05月08月09月11月
201401月03月05月06月07月
09月10月11月201305月08月09月11月12月
201201月02月03月05月201101月02月03月04月05月
06月07月08月09月10月
11月12月201001月02月03月04月05月
06月07月08月09月10月
11月12月200901月02月03月04月05月
06月07月08月09月10月
11月12月200801月02月03月04月05月
06月07月08月09月10月
11月12月200701月02月03月04月05月
06月07月08月09月10月
11月12月200601月02月03月04月05月
06月07月08月09月10月
11月12月200502月04月07月08月09月
10月11月12月
解决表情框无法调出学到的知识
作者:jogocun 日期:2008-01-21 15:16
正在载入,请稍候……
我在原 Shotan 发布的三栏皮肤上进行了CSS美化以更适合自己的审美观点吧,一切似乎都很好,但是发现在加了Google的468*60的广告代码后,界面只适应1024*768的分辨率,超过或低于该分辨率会造成右侧栏右移的现象。曾经在global.css中设置主体宽度为像素比,依然不行。自己琢磨了尝试了几个知晓的方法都无效了,也请教了一些有经验的皮肤作者,可不能解决根本问题。
就在前几天,我想在PJ论坛的风格区找些新年2008的主题素材,认识了 cgjj ,他提供了一款两栏的新年皮肤,顶部和底部素材不错,我就“顺手牵羊”拿去用了,在TJinnStyle 三栏皮肤的基础上修改成了一款“新年2008”三栏皮肤,抱着一线希望请教了cgjj关于侧栏错位问题,仅仅在layout.css的主体样式中将宽度百分比改为像素比再加上语句“position: relative;”即可。经过测试,果然有效,但有发现造成PJ的表情框无法弹出了,回想起以前在CSS中加入文字链接下沉效果用到position: relative;就会造成表情框无法调出的,再次麻烦了cgjj测试,他给了我解决方法,即在评论框代码处加上以下语句:
![程序代码](images/code.gif)
#A_smiley{position: relative;}/*将表情按钮定位类型设为“相对”*/
#UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/
#UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/
然后把 common/ubbcode_ie.js 大约599行 和 UBBCode_Gecko.js 大约392行
![程序代码](images/code.gif)
while (tempObj.tagName.toLowerCase()!="body")
去掉或注释掉~,即
![程序代码](images/code.gif)
/*while (tempObj.tagName.toLowerCase()!="body")*/
这样就可以了,不仅解决了表情框无法调出问题还让皮肤自适应分辨率,再调整typography.css自定义侧栏的宽度,同时支持FF2.0了。
尽管表情框可以弹出了,但是会被右侧栏遮住一部分,需要在typography.css自定义侧栏的每个模块的代码中加入 z-index:-100; /*自定义侧栏置底*/
百度的定义 ---
relative 属性:相对于父层定位,但是不会撑开外边的,子级相对父级绝对
![](images/smilies/icon_lovely.gif)
他的博客地址是:www.cgjj.cn
有人留言需要下载,顺便发布了:http://bbs.pjhome.net/viewthread.php?tid=29839
![[本日志由 jogocun 于 2008-01-23 04:31 PM 编辑]](images/end.gif)
点此快速转到评论处,留下您的宝贵见解吧^_^![]() 本文如需转载,请详细注明出处,尊重版权,尊重别人的劳动成果,谢谢合作哦! |
评论列表 ↓ 点击显示/隐藏4条博友们的评论
![点击显示/隐藏评论内容](images/run.gif)
![点击显示/隐藏评论内容](images/run.gif)