logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Emerging Music
Home Improvement
Comedy Movies
Vision Issues
Jewelry Collecting
Feng Shui
Appalachia


dailyclick
All times in EST

Full Schedule
g
g Web Design Site
Editor Wanted
BellaOnline's Web Design Editor

g

Web Ribbons Add Edge to Your Site

Guest Author - June Kaminski

Web Ribbons are an excellent way to add visual "edge" to your web site. They convey a strong message, draw the eye to their presence, and give an easy way to offer alerts or guides for your visitors.

Essentially, Web Ribbons are unique banners, positioned strategically in a diagonal position, usually in the right upper corner of a website. They rather resemble the pretty ribbons you see on the corners of a fine box of chocolates or perfume. They may look difficult to arrange, but using a simple java script, they can take mere minutes to code and set up on your site.

Web Site Ribbon Generator


This is especially true if you use the script and generator developed by Stanley Lyndon of Web Site Ribbon at websiteribbon.com In Stanley's own words, "If you like a site or want to support a cause online, there is no better way to do it than add a ribbon in your website or blog, linking to that page. Alternatively, if you just want to give your site a cool look or group all your sites with a single ribbon, you may just add the ribbon without making it clickable."

Click here to view a white on white ribbon. You can choose a minimalistic or vivid colorful approach to your own site's ribbon.

The Web Ribbon Generator is very easy to use and only requires five simple steps.

  1. Type in the text you wish to display on your ribbon (keep this short).

  2. Type in the hyperlink that you would like your ribbon to click through to (or you can skip this step if you simply want the ribbon for show, not linking).

  3. Choose the font you want to use for the appearance of your text.

  4. Choose your font (text) color.

  5. Choose the background of the ribbon from the 20 possible backgrounds.


Once these steps are done, you will see a message that your ribbon is being processed - then you can copy the code provided by the generator and paste it into your site's HTML source code. It's as simple as that!

Quick Ribbon Generator


Quick Ribbon is another easy to use generator that also produces attractive web ribbons - this one also allows you to customize the color of the ribbon using an easy-to-manipulate palette. This generator is accessible at http://quickribbon.com,

This site needs an editor - click to learn more!

RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


Add Web+Ribbons+Add+Edge+to+Your+Site to Twitter Add Web+Ribbons+Add+Edge+to+Your+Site to Facebook Add Web+Ribbons+Add+Edge+to+Your+Site to MySpace Add Web+Ribbons+Add+Edge+to+Your+Site to Del.icio.us Digg Web+Ribbons+Add+Edge+to+Your+Site Add Web+Ribbons+Add+Edge+to+Your+Site to Yahoo My Web Add Web+Ribbons+Add+Edge+to+Your+Site to Google Bookmarks Add Web+Ribbons+Add+Edge+to+Your+Site to Stumbleupon Add Web+Ribbons+Add+Edge+to+Your+Site to Reddit



For FREE email updates, subscribe to the Web Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2012 by June Kaminski. All rights reserved.
This content was written by June Kaminski. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
Effective Use of Graphics

Web Design Tutorials -- Where to Find Them

Open Source -- Defined

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Fav Social Network
Facebook
Twitter
Google+
other / none



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2012 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor