在线制作Web2.0风格按钮

最新推荐文章于 2023-06-08 22:06:40 发布
原创 最新推荐文章于 2023-06-08 22:06:40 发布 · 1.9k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#web #button #layer #download #rss
#c
本文介绍了一款名为MyCoolButton的在线工具，它可以帮助用户快速制作个性化Web2.0风格的图标。提供了丰富的定制选项，如背景颜色、图标大小及位置等。
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script> name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-2278425311840618&dt=1198512128234&lmt=1198512128&output=html&slotname=3350532419&correlator=1198512128234&url=http%3A%2F%2Fwww.digglife.cn%2Farticles%2F%25E5%259C%25A8%25E7%25BA%25BF%25E5%2588%25B6%25E4%25BD%259Cweb20%25E9%25A3%258E%25E6%25A0%25BC%25E6%258C%2589%25E9%2592%25AE.html&ref=http%3A%2F%2Fwww.google.cn%2Fsearch%3Fsourceid%3Dnavclient%26hl%3Dzh-CN%26ie%3DUTF-8%26rls%3DGGLJ%2CGGLJ%3A2007-50%2CGGLJ%3Azh-CN%26q%3D%25e6%258c%2589%25e9%2592%25ae%2B%25e5%259c%25a8%25e7%25ba%25bf%25e5%2588%25b6%25e4%25bd%259c&cc=100&ga_vid=136725463.1198512128&ga_sid=1198512128&ga_hid=1743009718&flash=9&u_h=800&u_w=1280&u_ah=770&u_aw=1280&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="250" scrolling="no" height="250" allowtransparency="allowtransparency">
现在的Web2.0的Logo做的都很美观,个人总结一下有几个特点:色彩使用比较鲜艳时尚的纯色,喜欢使用玻璃或者倒影效果,通常是在纯色背景上放站点名,喜欢加上可爱的小图标作为修饰.当然,这仅仅是欧美风的.

如果要自己制作这些图标,可能需要点PS技术.但是如果你想快速得到一个自己的个性化Web2.0图标的话,My Cool Button非常适合你.下面这个是我简单制作的一个RSS按钮:

My Cool Button提供多种选项让你自定义图标,包括:背景宽度和颜色,自定义小图标的大小和位置(已提供常用的Fickr,RSS等,支持自己上传PNG格式的图片),自定义文字的大小,字体和颜色.设置完毕后,按右上角的Apply Changs预览,点击Download按钮下载PNG格式的图片.

以上来自Mashable!

注意:

如果你认为这些还不够你折腾的话,可以下载一些Web2.0风格的PS Layer,然后在Photoshop里面制作.

Web2.0Layer01

Web2.0Layer02

超强的HTML5 CSS多风格按钮在线生成器代码.rar
07-10
超强的HTML5 CSS多风格按钮在线生成器代码，一共有29款按钮样式。本按钮样式集是从国外的CSS Button Generator 整理下来的。如果有需要的朋友可以放到自己的站点下，在需要的时候直接打开，复制需要的CSS样式以及调用CSS就可以了。CSS按钮效果通过本演示页面中的设置以及效果，选择合适自己需要的按钮特效。使用方法： 　　第一步，通过上述的按钮和演示进行拖动到自己需要的效果。默认已经有30种按钮效果，我们可以加以渐变更多个按钮。 　　第二步，在Code Result下面我们看到 　　css button就是调用的按钮样式，我们需要在哪里调用就直接把class="css_btn_class"作为样式。 　　然后下面的CSS按钮样式放到我们程序的CSS文件中，一般是不会重名的，如果重名我们需要修改。
coolbutton，VC按钮美化大全
08-24
有名的coolbutoon源码，可以为VC提供可种按钮方式
10个在线网站按钮生成器
11-10 675
我们收集的10名免费的在线按钮制作者名单，你会发现非常有用！ 每一位设计师和开发人员都知道按钮的重要性，一个网站和这些工具将帮助您创建在所有在任何时间辉煌按钮！ 请享用！ 相关文章： 5个在线加载AJAX微调生成工具 10个jQuery的增强型CSS按钮 1.按钮制作 这是为您的按钮的CSS代码的精彩免费工具。 您可以访问不同的颜色按钮的不同部分。 在颜色选取的顶部滑块让你修改按钮，你...
15+在线网页按钮生成器工具
GOBY 栏目
08-08 544
在线制作按钮的站点非常多, 再也不需要你具有多么高深的PS水平, 就能得到一个漂亮的网页按钮. 请看15+在线网页按钮生成器 . Button Generator 是一个免费的网页按钮生成器。它允许你创建四种不同风格多种样式的漂亮网页按钮，包括Vista,Mac,Gel,Plastic四种风格。使用也较简单，输入文字后，点击你喜欢的按钮风格，设置所要使用的文本字体 ，大小，颜色，点...
微信小程序实用工具——渐变色按钮（一）
ws15168689087的博客
06-08 1万+
微信小程序实用工具——渐变色按钮
图标及按钮在线搜索制作工具
一别两宽丶各生欢喜
07-03 3245
以前用到过的记录下，使用简便 按钮生成器 https://www.bestcssbuttongenerator.com/ 图标搜索 https://www.easyicon.net/language.zh-cn/559153-social_yahoo_button_lilac_icon.html ...
Top10 Web2.0在线生成器
fredlau 痞子刘的博客
04-17 755
web2.0的在线服务实在是为我们提供了很多方便，你不需要专业的设计能力，也能很快捷地制作出漂亮而流行的web2.0图标。下面精心整理了10个一流的web2.0在线发生器。 1、Web 2.0 Badges 网址：http://www.web20badges.com/ 看到一些博客上敲着一个web2.0的徽章是不是很羡慕？Web 2.0 Badges 可惜很方便的为你实现这个梦想。虽然
Web2.0图标分享
Tisty的兵工厂--新Blog:http://www.UbuntuSky.cn
08-05 1074
另附一些Web2.0图片在线生成的网址: 丝带：QuickRibbon徽章：Web 2.0 Badges按钮：My cool button  | ButtonatorLoading：Ajaxload  | Ajax Lo
15款在线web2.0图片生成器
我的世界我的梦
07-01 6172
一.按钮生成器1.Buttonator专门制作Web2.0风格按钮的在线生成器,提供多种模版,可以自定义文字颜色,字体样式,文字长宽等.有些模版需要注册后才能使用(可是为什么我打开注册页的时候出现错误呢?又是LP?)2.RoundedCornr专门制作圆角图片的生成器.有几种模式可供选择:简单按钮,渐变色按钮,圆角文本背景和简单圆角图片.同时也提供很多自定义选项,遗憾的是,它不
web2.0的一些生成器
weixin_33790053的博客
07-11 205
The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply Web 2.0 Badges - a set of free and very cool web badges (transparent). Mycoolbutton - simple web...
在线CSS按钮生成工具
06-11
在线CSS按钮生成工具
6种Web前端多彩的按钮（一）
08-20
6种Web前端多彩的按钮（一）
Web2.0风格按钮示例效果
08-11
Web2.0风格按钮示例效果Web2.0风格按钮示例效果
在线制作按钮
Canrry
01-06 1205
在线制作按钮的站点非常多, 再也不需要你具有多么高深的PS水平, 就能得到一个漂亮的网页按钮. 请看15+在线网页按钮生成器 . Button Generator 是一个免费的网页按钮生成器。它允许你创建四种不同风格多种样式的漂亮网页按钮，包括Vista,Mac,Gel,Plastic四种风格。使用也较简单，输入文字后，点击你喜欢的按钮风格，设置所要使用的文本字体 ，大小，颜色，点击”Re...
Web 常用工具
zhaojun_8202的专栏
05-12 282
在线制作按钮： http://www.digglife.cn/articles/%E5%9C%A8%E7%BA%BF%E5%88%B6%E4%BD%9Cweb20%E9%A3%8E%E6%A0%BC%E6%8C%89%E9%92%AE.html Programming WCF Services.chm javascript for web development....
13个在线web2.0风格生成器
weixin_30820151的博客
08-09 264
原文链接：13 Online Generators for Web 2.0 Design 译者：ssword 现在,只要看一些web2.0应用的目录,你就会发现,无论是小网站还是大的门户网站都更希望拥有web2.0的风格.可以看出,web2.0风格已经成为了现在web设计的潮流.这里列出了一些在线的专业web2.0元素生成器.如果你希望得到更多的内容或新闻,那就请订阅这个blog...
4个Web2.0风格图片在线制作网站
Kinb_huangwei的专栏
10-12 2460
Web 2.0很神秘么,不,所谓2.0的风格其实是可以批量生产的.这里介绍4个专门生产Web2.0网页元素的网站,包括字体,徽章,标签,按钮都可以做,就差能办证了,呵呵,一起来看看吧.1.Web2.0Stylr 在这个网站，你可以轻松制作出渐变和倒影效果，并能够选择20余种英文字体。2.Web2.0Badges 这是一个制作Web2.0风格徽章的网站，他不仅提供在线服务，还提供了PSD文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值