QuickRibbon,在线生成网页丝带


QuickRibbon,在线生成网页丝带在电子邮件模板和百度空间主题模板中经常可以看到拥有丝带的设计,在视觉上的确是“耳目一新”。WordPress主题很少看到有丝带设计的,CSS设计的更少。QuickRibbon,通过4步简单的可视化选择,自动生成js,形成四种风格的网页丝带。虽然没有纯CSS高效,但制作更方便。


QuickRibbon

http://www.quickribbon.com/index_ch.php

快速丝带,是一个完全免费的web2.0工具,一个网站丝带发生器可以让你创建一个定制丝带,插入一个环节,并把它摆在右上角你的网站上。它会带你不到5分钟时间内,以产生你自己的网站丝带这个时髦的部件增添了时尚web2.0看你的一页-它的快捷,方便和乐趣。我们建议使用我们的快速丝带工具,以吸引你的站点的参观者注意的新特点,告示,销售等,摆脱了枯燥的横幅,使你的新闻站出来同一种风格。

QuickRibbon,在线生成网页丝带

第一步 文本选择

可以自定义丝带的文本,以及文本的字体、大小和色彩;

第二步 丝带选择

提供四种风格的丝带图样,可以自定义丝带的背景色彩,通过3种色彩的设定可以定义丝带背景色的渐变等;

第三步 预览

中文翻译有问题,点击“彩色”(本来应该是Apply)就可以得到预览的结果;

第四步 链接选项

可以为丝带添加超链接,比如主页,FEED订阅等。

产生丝带后得到一串JS代码,复制到网页主题中即可。Wordpress主题则一般是插入到”footer.php”的”</body>”之后。


制作过程非常简单,可惜结果是一个JS,所有的设计都保存在QuickRibbon的服务器。
也可以直接下载这个JS中的.js,提取其中的图片和设定,再用CSS定义图片的位置和超链接。这样就避免了多加载一个js。