七款精美页面样式切换元素

总喜欢在夜深人静的时候,游走于全世界各优秀网站之间,以期许能够获取一些有助于做出一份属于自己风格的元素;

今天很走运,呵呵!在smashingmagazine看到了一篇有关样式切换元素设计的竞赛结果展示(Style Switchers Contest Results);其中有很多很多优秀的设计与创意,在大饱眼福之后挑了几款我最最喜欢的.

Gnomdesign

图片按钮式风格切换,位于其博客头部右侧显眼的位置,操作方便,三款wordpress可供选择的皮肤一目了然!

Screenshot

Screenshot

Screenshot

Schillmania

基于YUI制作的,可以使每一位访问者依自己的心情能够改变头部背景图片以及一些内置的效果!这个站体现了很多有特色的技术应用,而且还有很多有价值的资源,有空再进行相关整理.

Screenshot

Screenshot

Screenshot

Iamblog

这个站访问时有时会打不开.其制作的基于Ajax的页面背景切换功能可以使每一位博主能够轻易的添加和切换他们自己喜欢的背景图片.目前他内置了十款不同的样式.并且切换的元素可以在当前页面任意拖动,只需轻触位于页面头部的“Hintergrund ändern”按钮.

Screenshot

Screenshot

Screenshot

Rogie King

其实样式切换元素的设计还可以是极富创造性的.Rogie King设计的这款滑动树味切换器,就相当的吸引游客的视线.设计精致的滑动按钮可以让游客选择整个页面内树味的浓密程度!

Screenshot

Screenshot

John Scott

这款样式在我转发时其布局已经有所改变了,其表现切换的元素模仿了mac的工具条.呵呵,很新颖!Nick La曾发布过这个小工具(CSS Dock Menu).

Screenshot

Screenshot

Screenshot

rex

不仅仅是风格的切换,还包含了页面字体大小的切换.这个还是相当适用的!

Screenshot

Screenshot

due chiacchiere

这个站内切换元素很丰富,将页面元素单列,以供访客依需求切换!包括字体大小,风格切换等等.其右侧的小工具为整个页面增色不少!

Screenshot

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注