存档

文章标签 ‘搜索栏’

小修改一下搜索栏

Aug 24th Sat, 2013/JiaJieChan/日志/1,282 阅读/1 comment

本博以前的搜索栏是浮动在右上角的,看上去比较碍眼,可是JiaJieChan的想法却是如此,原意是要隐藏掉2/3的搜索框,鼠标悬停就展开回车就立即搜索。

原来是想造个下拉的图标什么的,提示这里有个搜索栏隐藏了,可是这设计天赋为零。于是就用了最为流行的平面设计,其实就一2d图形最简单的。默认会显示一个Search的提示,鼠标悬停后会下拉,输入关键字后回车会在新窗口打开搜索结果页。

为了好看和浏览网页是不阻挡视觉,也将部分地方做了opacity透明度方面的处理,在展开缩回里也做了动画过渡效果处理。

最后想问一下大家,目前搜索栏的设计怎样,比较舒服吗?  浏览文章的时候会阻碍到正常视觉吗?

希望在下文回复!

分类: 日志 标签: , , , ,

抽了点时间修改了下Header兼容到IE8

Feb 19th Tue, 2013/JiaJieChan/日志/3,754 阅读/18 comments

killie6

本来的INove LavaLamp菜单栏不错的,可是对于二级菜单出错,所以找了一些菜单栏的JS、CSS样式,最后在mg12那里找到一系列的效果,找了个简单的样式对现在用的INove进行了修改。太多活要干了,光替换就试了N遍,替换好了还要修复由此造成的错位等等问题。

由于菜单栏改了,也占用了一整个位置,搜索栏放不下了,所以便去折腾这个至今都没有改动过的搜索栏。这次把css也彻底改了,把它放到网页的右上角,固定跟着网页滚动。考虑到banana还用得到,所以把右上角小搜索栏右往上缩,鼠标悬浮(hover)的时候往外伸展。

另外菜单栏也支持二级菜单。

这次光浏览器的兼容性也折腾死我了,目前也兼容到IE8及以上,当然还会有一小点的地方影响不大就没有修复。