花了两天时间加强修正了我现在使用的这个wordpress主题,主要是修正一些浏览器兼容的问题,经奋战,在IE6、IE7、firefox下基本统一和谐,自适应800*600像素和1024*768像素。在Opera下还有一些Bug,但用Opera的用户也不太多,就不折腾了,搁置。
虽然不提供下载,但也拿出来SHOW一下,顺便和所有Wordpres theme Fans分享一些东西。
看看下面这张图片,这是另一个wordpress主题样式,如果你有兴趣,可以点一下本博客顶部左边的那个“+”号,就会切换到这个风格的Wordpress主题,再点一下,又回来了:)
这是用一个Styleswitch的JS文件来完成Wordpress主题风格的切换。
很简单,给你的一个Wordpres主题设计多份样式表,再调用这个JS文件就可以切换了。并且可以实现在什么时间后自动改变主题样式。要查看这个文件的相关介绍和下载,请点这里。
淘宝首页的滑动效果
下面图片中的这个滑动门是从淘宝首页里面提取出来的,当然不是我提取的,我对javascript一无所知。把很多东西放在一个框架里是个不错的选择,相关下载使用方法请点这里。不过,这个滑动门会让网页载入速度变慢,里面使用的js文件达71KB。追求速度的朋友要慎重!
CSS自适应高度解决方法
WordPress主题要美观,自适应高度当然是不能少的。我使用的正内补丁和负外补丁的方法,相对于背景色填充和JS脚本调用,这个方法比较简单。下面是个简单的两列布局自适应调度的代码写法,聪明如你。应该会举一反三吧:)
#wrap{
overflow: hidden;
}
#sideleft, #sideright{
padding-bottom: 32767px;
margin-bottom: -32767px;
}
慢着,这是我一开始使用的方法,可是后来不知道怎么的,使用这个方法,当留言的时候,Wordpress主题的当前页面跳转后显示的只有留言,POST部分被隐藏,可能是我哪里没弄对,所以,最后又选择了一个JS脚本,还好,这个脚本挺苗条的,才2KB,下载和使用请点这里。
PS:Xpink曾要俺分享这个WP主题,当时因为这个WP主题BUG很多,所以没有分享出来。现在也还是有很多BUG,特别是样式表里面有很多可以合并和精简的代码,但我懒得去弄了,所以还是不公开分享。不过之前答应过Xpink,所以如果Xpink如果还需要的话,把邮件留给我,我给你发一份文件。
写在最后:
谁闲着无聊闷得慌的话,帮我数一下这篇文章里面出现了几个“WP主题”和“WordPress主题” :)
Google,来吧!百度,来吧!
来吧,来吧!相约老帕!
传说中的博客seo圣经之一:把可以用两个字说清楚的事情扩张为一个教程三个系列七个章回八个小节十分明细,且在这一堆屁话中不厌其烦不辞辛劳不怕看客呕吐的重复同一个关键词。
哎,我亲爱的奶奶如果会玩电脑,如果也来写博,那估计一个月就得让PR就飙升到7。XD
没有评论:
发表评论