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
Journals
Folklore and Mythology
Business Coach
Marriage
Senior Living
Ethnic Beauty
Adolescence


dailyclick
All times in EST

Low Carb: 8:00 PM

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

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


Content copyright © 2009 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.

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
Free Happy Holidays Web Template

Join the Co-Creation Wave!

Folksonomies add Web 2.0 Fun to Your Web Site!

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter

jobs
what
job title, keywords
where
city, state or zip
jobs by job search


vote
Growing a Garden
Veggies and Flowers
Veggies Only
Flowers Only
No Garden

g


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


BellaOnline Editor