12个超COOL的联系表单(博客留言栏)设计
2008-10-23 16:49
190 查看
下面是Melanie Karlik收集的12联系表单,当然,也就可以用来做为博客的留言栏。都是一样的。
尽管这些联系表单并没有提供样式化的CSS代码,但如果你喜欢,想要得到它,还是非常容易的。而之所以更重要的目的是让你从中取吸灵感,结合这些联系表单的设计创意,创造出拥有你自己独特风格的菜单,给你的访问者眼前一亮。
注:点击图片即可进入该联系表单的出处。
1.整个留言框使用了一个圆角的黑色背景,输入框加以暗桔黄色的斜纹背景。而右上角又车入了一个post comments的图标做点缀。很Web2.0,很漂亮。再看最下面的绿色提交按钮,醒目就是衬托出来滴…
2.这个就是联系表单了,像一张邮票,渐变元素符合了Web2.0风格的设计。
3.给输入框配以渐变绿色,嗯,这是一个挺清新的表单。
4.整洁,干净,典雅的联系菜单设计。
5.上面那个联系表单是典雅,那这个就该说他是幽雅了。是幽雅,不是优雅。
6.这个有够简单哦。不过看到黄色区域了没有,它最大的特点就是高亮显示当前选择的输入区域行。
7.这个联系表单黑的暗调用的给人一种神秘感啊。
8.淡色背景配淡色输入框,着重突出了文字内容。
]
9.发光发亮的联系表单。
10.这里所有联系表单里面最特别的一个了吧。好好想,给你的博客留言栏也弄成这样。
11.顶部阴影把输入框显现的是凹了进去,有点3D的味道了。
12.泛黄的相片,呃,泛黄的留言框。
上面这些都是只停在欣赏阶段,必须你有一定的HTML和CSS知识才可以弄出同样效果来的。别急,你可以看看另一篇
尽管这些联系表单并没有提供样式化的CSS代码,但如果你喜欢,想要得到它,还是非常容易的。而之所以更重要的目的是让你从中取吸灵感,结合这些联系表单的设计创意,创造出拥有你自己独特风格的菜单,给你的访问者眼前一亮。
注:点击图片即可进入该联系表单的出处。
1.整个留言框使用了一个圆角的黑色背景,输入框加以暗桔黄色的斜纹背景。而右上角又车入了一个post comments的图标做点缀。很Web2.0,很漂亮。再看最下面的绿色提交按钮,醒目就是衬托出来滴…
2.这个就是联系表单了,像一张邮票,渐变元素符合了Web2.0风格的设计。
3.给输入框配以渐变绿色,嗯,这是一个挺清新的表单。
4.整洁,干净,典雅的联系菜单设计。
5.上面那个联系表单是典雅,那这个就该说他是幽雅了。是幽雅,不是优雅。
6.这个有够简单哦。不过看到黄色区域了没有,它最大的特点就是高亮显示当前选择的输入区域行。
7.这个联系表单黑的暗调用的给人一种神秘感啊。
8.淡色背景配淡色输入框,着重突出了文字内容。
]
9.发光发亮的联系表单。
10.这里所有联系表单里面最特别的一个了吧。好好想,给你的博客留言栏也弄成这样。
11.顶部阴影把输入框显现的是凹了进去,有点3D的味道了。
12.泛黄的相片,呃,泛黄的留言框。
上面这些都是只停在欣赏阶段,必须你有一定的HTML和CSS知识才可以弄出同样效果来的。别急,你可以看看另一篇
相关文章推荐
- 30个非常时尚的网页联系表单设计优秀示例
- 30个非常时尚的网页联系表单设计优秀示例
- 经典网页设计:20例与众不同的网页联系表单设计
- 激发设计师创意的40个联系表单设计
- 经典网页设计:20例与众不同的网页联系表单设计
- 购物网站3:订单实体类设计----配送方式--留言--订单--订单联系方式--订单配送信息--订单项--订单状态--支付方式
- 22个带给你灵感的网页联系表单设计案例
- 22个带给你灵感的网页联系表单设计案例
- 22个带给你灵感的网页联系表单设计案例
- 经典网页设计:20例与众不同的网页联系表单设计
- 基于Ckeditor的表单设计器的开发(四)
- 联系我请访问我的个人博客
- c# 程序设计及应用教程上机A.2.3————字符提取和整数整除联系(Console)
- 开个新博客,欢迎来留言
- 在表单设计中,我们需要注意哪些内容呢?
- 参观一些优秀设计博客后的感悟。
- 关于工作流程管理系统中的现有版本自由表单设计器的停止升级与新版本将要发布的声明.
- 基于数据库的企业级智能表单系统设计(asp.net)-序言
- 工具与艺术的结合:浅谈博客的排版规范与样式设计