[搜网志]Freeware 徽标贴纸赏

如果家里有贴纸打印条件,不妨打一些出来,挺有意思的,谁说俺们民工没创意!其实很多软件的logo都设计的很好玩,比如Gimp,是不是很可爱啊,还有Python的小蛇,eMule的骡子,后来索性搞了个电驴出来,都是很可爱的贴纸啊。
完整PDF下载地址: http://code.google.com/p/stickersbook/downloads/list
  

模仿Flickr和Digg的分页样式

原作者地址:http://woork.blogspot.com/2008/03/perfect-pagination-style-using-css.html
最近有个新项目,正好也对过去的一些积累做些重构和升级。代码方面的以后静下心来抽空写一下,这两天正好有个需求,是要对原来的一个分页tag做改造,尤其是样式上的。以前tag中的样式已经非常老旧了。

感觉像上个世纪的产品了,得换个时髦一点的样式。原作者选了两个学习榜样,分别是两位web2.0大牛,Flickr 和 Digg 相信对这两个网站大家都不陌生。

 是不是很Cool,简单看一下代码吧,顺便说一下,原作者的第一个版本在IE下有问题,然后他的朋友修改了一下,我只好在巨人的肩膀上稍微把Flickr风格的hover效果加了一下。
Demo请点击
文件下载请点击 paginationss_m.zip

<ul id=”pagination-digg”>

<li class=”previous-off”>?Previous</li>

<li class=”active”>1</li>

<li><a href=”?page=2″ mce_href=”?page=2″>2</a></li>

<li><a href=”?page=3″ mce_href=”?page=3″>3</a></li>

<li><a href=”?page=4″ mce_href=”?page=4″>4</a></li>

<li><a href=”?page=5″ mce_href=”?page=5″>5</a></li>

<li><a href=”?page=6″ mce_href=”?page=6″>6</a></li>

<li><a href=”?page=7″ mce_href=”?page=7″>7</a></li>

<li class=”next”><a href=”?page=2″ mce_href=”?page=2″>Next ?</a></li>

</ul>
代码还是很简洁的,不同风格间切换也非常方便,也没什么好多解释了,决定升级到digg风格了。