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月
完成改造Wheat两栏皮肤为三栏
作者:jogocun 日期:2008-06-13 18:12
正在载入,请稍候……
呵呵,Mdio太够意思了,多次麻烦他修改主体背景图片,如风格右侧的那个桶区域的过渡背景以及整体bg图片的美化,他PS熟练,三下两下搞定,也花了他不少泡MM的时间,要是在重庆,请他吃饭犒劳下哈。有了前面几款三栏改造基础,改造Wheat风格应该是简单快捷的,但我还是花了不少时间,昨晚的难题在于1024*768下始终有滚动条,没办法求教了何昕才搞定,即在主体样式中加入 OVERFLOW-X: hidden; 不过不支持Opera,不管了本站这类用户几乎为零。
中午解决了右侧栏背景图片在FF、IE6/7下显示问题以及顶部导航条两端与主体背景绿色接壤问题。综合测试,三款主流浏览器都能兼容了。风格在1024*768分辨率下满屏不会出现滚动条,大于该分辨率显示较好,右侧背景以灰绿补色呈现,整体较好,呵呵,就这样了~如下图所示:
![](http://pic.yupoo.com/haibo/374376dbc436/medium.jpg)
遗留已知问题:
尽管在主体样式中加入了 position: relative; 解决了右侧栏右移与中栏不靠拢现问题,但造成顶部的flash特效无法加载上,与 #FlashHead{position:absolute;} 反作用冲突了吧,如果去掉自然是无法两全其美了,照顾大局,只能舍去flash树苗特效,想想也不必太花俏了。在此希望能得到大家的帮助,呵呵~
解决:2008.6.15 何昕指导下上述问题搞定,即在之后加入z-index:1001;绝对大的值叠加于背景图之上。z-index属性简介
该风格看起来就有些花俏吧,绿色主题,提倡环保哈~计划奥运后正式启用,大家喜欢的话可以切换到“绿色淡雅”看看?汗,主体背景图的海枫博客字样还没改过来呢,还是2年前的,下次改啦~
题外话:
三栏风格看起来大气些,内容也多些,板块也多了,也加入了广告元素,博客不像是博客了,于是把海枫博客,改为海枫在线了,其实2004年申请的域名的时候,就以“海枫在线”之意注册的,海枫-haif,ol-在线,呵呵,想必经常关注本站的朋友们都了解吧。
至此本站已经完善改造了四款三栏皮肤,如TJinnStyle(蓝白简洁)、新年2008(新年快乐,记:年初在PJ论坛风格区有幸被版主加分高亮显示了)、北京2008 3rd(北京奥运)、Wheta 3rd(清雅淡绿)。这些皮肤都是参考TJinnStyle三栏风格架构,以此为“蓝本”,折腾一番,其实没什么技术含量,因需而生吧!
![[本日志由 jogocun 于 2009-01-22 06:47 PM 编辑]](images/end.gif)
点此快速转到评论处,留下您的宝贵见解吧^_^![]() 本文如需转载,请详细注明出处,尊重版权,尊重别人的劳动成果,谢谢合作哦! |
评论列表 ↓ 点击显示/隐藏4条博友们的评论
![点击显示/隐藏评论内容](images/run.gif)
![点击显示/隐藏评论内容](images/run.gif)