Archive for the 'Design/特别的' Category

玩票(二)

06 Shanghai Biennial
坠落的花园X寄往未来的信
06 Shanghai Biennial
山水
06 Shanghai Biennial-My favor of this biennial
城市的机体--雌&雄
06 Shanghai Biennial
假女性艺术家的生活及我们aka fake and real
06 Shanghai Biennial
I call it “cross under the flower”,阿哈哈

All of the above photos are taken on the 2006 Shanghai Biennial@Shanghai Art Museum

春节愉快

新年快乐卡片

一个推荐:非常有味的podcast:Amplified
一个通告:请各位朋友改订阅我的fb rss:http://feeds.feedburner.com/HangingGarden

导航栏的错位视觉

由于某个错误,突然就改变了我一贯对于导航栏应当工整的观念.无心插柳的我将错就错,所以最终出来的就是某种视觉错位的导航栏,或者说当鼠标滑过的时候,它们就仿佛在凹凸的城墙之间与你捉迷藏.其实是挺简单的一个小布局。

从此扩展出去,如果我们将这个方法用在站点友情链接的布局方式上面,那么我们可以做出一种有别于一般的一个简单链接列表的链接汇集方式出来:将链接数量除以4,得到的那个数字(暂时不考虑余数)就是你每一行链接的数量,然后我们将所有这些横向‘导航条’y向延伸,放在一个div中,那么就可以最终形成一个矩形区域的链接地图,而我们所有要做的改动仅仅是在html中编辑链接而已,css保持原样就ok.(详细请查看该页面源码)

当然如果你还有什么更好玩的导航样式,大可以加以更多的新奇改造.当把我们司空见惯的属性赋予一种新的图形定义,那么你也许就可以得到让你惊喜风格的导航栏.一直有关注每个好站点的导航设计,很多时候这些看似页面上很小面积的一部分,就完全能体现页面设计上的闪光点出来.已经陆续有搜集不同的站点导航栏,会挑其中比较好的几种进行仿照搭建后将实现过程写点什么

navigation(一)

2005nav

本来有做一个theme,但是好像没有什么心思继续下去,做完最感兴趣的导航部分便没有了继续的动力。
于是不如拿来用作我长久以来希望写的导航设计系列的打头篇吧。
点击这里查看效果+说明。

下载样例图片

详细说明写了一部分,但还不是很完全。因为把所有的过程说清楚我似乎有点口齿不清。所以如果你有什么疑问,那么不妨留言给我。如果你有更好地实现方法(目前来说我觉得自己的招有些繁琐),请一定告诉我。

Theme-Rebuild修正完整版发布

做了以下修正:

  1. 对原有界面的未完整部分进行了修改。
  2. 在每个文件中增加了修改注释
  3. 加入nicetitle以及itunes searchform,一同在打包文件中,请将这两个js文件放置到您的根目录下,其中nicetitle的背景图为i文件夹下的ntbg.png,在index,single,category,search,date这四个文件的部分您需要修改的部分,大概第21-23行每行中的http://yoursite.com改为您的网站地址。
  4. 将日志信息的图标编入到css文件中,所以你无需去post文件中修改图片地址。
  5. 将所有theme中需要用到的插件一起打包,包括: Gravator,WP RefSearch,Collapsible More Link,previous and next post,email-notification-v1.5,live-comment-preview,Page Navigation,其中email notify需要配置插件文件的第34行$from_email = ‘yourmail@site.com’;为你的email地址,安装gravator之后,您需要默认图像地址yoursite.com/guest.gif改成您设定的图像地址。

Download