Movie Castle » CSS

对使用中的Theme做了两点改进

Yacca — Sun, 26 Oct 2008 09:09:41 +0000

再针对Blueweed这么改下去,索性换个色调打包个新Theme吧...

　　最近对Movie Castle的Theme,也就是目前在用的这个Blueweed汉化改进版继续做出了两个改进.

1. 拒绝JS,用纯CSS的方式使导航栏在IE6中显示下拉菜单;

2. Google自定义搜索取代WordPress自带搜索.

　　其实方法很简单,也没啥好介绍滴.第一个问题是一直困扰我滴,很多朋友告诉我用JS实现下拉一了百了,但我不甘心,此次在辐射鱼个鸟人给了一个例子后终于搞定了这个纯CSS下拉菜单在IE6中的表现.nnd,这个问题我都放弃了那么久,突然就这么找到解决案例了,这感觉真好...关于Google自定义搜索,据说有如下这么些好处,我才下决心去搞滴:

整合Google自定义搜索到WordPress中:

a. 减少数据库查询,搜索结果由Google提供,不用再搜索数据库了.

b. 能够更加全面的搜索,WordPress目前只能搜索post.

c. 还可以在搜索结果中绑定Google Adsense赚钱(这个对我没有意义)

　　下面给出两个问题各自的解决办法:

CSS导航菜单:

　　参考许许如生童鞋这篇关于纯CSS下拉菜单的文章,看看他给出的Demo.当然,本站的导航栏自然是最佳示例,请大家随意测试.

Google自定义搜索:

　　参考zEUS童鞋的这篇关于Google自定义搜索的教程,基本上是依样画葫芦,简单的很.你可以在我的搜索框内随意输入些内容,例如点击查看Heroes, Fringe, Gossip Girl什么的检验下,基本上除了翻页的样式不合我心意外都蛮不错的.

　　Google自定义搜索有一个问题,就是我刚保存完自定义搜索结果的各项目的颜色,去尝试了下优化选项后就发现颜色设置丢失了,恢复到了默认-.- 不知何解,想想算了吧...那个优化功能似乎没什么人用.

　　接下来要考虑改进的一个地方就是想用Theme Options来控制首页Flash图片和链接、右上角小气泡的更新. 对于这个主题控制选项的写法目前还是一无所知,待我找几个例子来好生研究一下先吧.

P.S: 如果有童鞋想搞一下什么CSS圆角,建议去玩下这个工具>> ,效果么如我的Theme上下左右这4个圆角喽,IE6以上及其他各种浏览器中效果一致. 注意: 千万别拿去IE5.5以下的浏览器内看效果,后果自负.

随便走走看看

昨天的CSS样式问题其实很容易解决

Yacca — Thu, 31 Jul 2008 11:23:55 +0000

WordPress~ 真的让我学到了不少有趣的东西!

　　昨天的我很郁闷,原因在这里. 现在的我心情不错,有豁然开朗的感觉, 解决问题的感觉真tmd的有快感,所以我需要遇到许多问题,然后尽我所能一一解决之,那样是不是就...-.-

　　经Lucifr和slim两位友人的提醒,我在原有的CSS样式中添加了一句控制行高的代码,变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
line-height:17px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　目前我很确定的一点是,出现显示上的问题最根本的原因是高度没有控制好,因为加上line-height后,FireFox3那是根本没问题的,IE5.5-IE7下侧边栏全部恢复正常,可还有一个遗漏,那就是IE8...虽然IE8只是个测试版本,但既然都看到有问题了,难道随它去?! 这不是我的风格,我满脑子的解决,解决,解决! 经Oyster提醒,尝试着把line-height换成了height,以上代码变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
height:17px;
_padding:6px 0 1px 18px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　又多加了一句_padding,这是针对ie6专门写的hack代码,只在ie6下有效,如此一来,令我纠结几十个小时滴问题全面解决,hoho^o^. 有朋友说我这css写有够乱的,厄...初次接触这么多css的进阶知识,实在一时之间难以做到整洁,写的语句目标也是使得前端显示正常即可. 所以大家如果有好的建议,或者对以上css架构有不同的想法,欢迎留言让我观摩并学习.另外,Chada同学可以过来坐享其成了...

注: 如果对我写的语句不太明白什么意思,建议去这里好好学习并查询下,或者谷歌也是可以的.

随便走走看看

声明: 我没消失

Yacca — Wed, 18 Jun 2008 11:55:06 +0000

最近熊猫很火,搞张照片来吸引下大家,走过路过别错过这篇日志里的内容.

　　这两天拼命赶Movie Castle新Theme,以至于都无暇顾及更新了...看到Chada同志在我不旁观的时候议论来着,觉得蛮有趣,我哪有那么拼命-.- 上班时间更新博客我可不敢,才来上海那么点时间,踏实是我的护身符~! 不过话说回来,去WC时考虑如何文章怎么写倒真的有,还在上班时间回复大家的留言,改改自己WLW里的草稿什么的,嘿嘿. 以不影响工作为基准,毕竟那是吃饭的活计,不能马虎滴,嗯...我CSS不熟,这次搬了个比较喜欢的Theme来改,弄得昏天暗地,CSS样式满天飞,估计完成后还得专门花时间来整理到CSS.Style里...作孽啊-.-

　　边啃那半个小西瓜边来更新那么一下下...送上一个淫邪搞笑的短视频,来自Youtube.

国外的节目吧,蛮搞笑的~ 骷髅大哥的惊人鸡鸡~