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

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

new
Manga / Comics
Crime
Cosmetics
Knitting
Breast Cancer


dailyclick
All times in EST

Full Schedule
g
g Web Design Site
June Kaminski
BellaOnline's Web Design Editor

g

Web Ribbons Add Edge to Your Site

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,

Web Site Ribbons
Quick Ribbons
RSS
Related Articles
Previous Features
Site Map


Content copyright © 2008 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 June Kaminski for details.

Digg! g delicious Save to Del.icio.us

g


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

g features
How to Add Video to Your Web Site

Drupal adds Community Features to your Web Site!

Control Web Based Email Spam

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Driving Amount
Much more
Slightly more
Slightly less
Much less

g


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


BellaOnline Editor