See All Of The Web Site/Page Building Tools At HandsOnLine.netSee All The GUI = Graphical User Interface Tools at HandsOnLine.net

GUI = Graphical User Interface, the Images, Icons, Buttons... the Web Surfer uses to Interface With, i.e. Navigate, a Web Site.  Create GUI's for your site instantly for free with   GUI Tools !

Add This Page To Favorites
Flash Generators
Flash navigation bar generator.
Floating, expandable drop-down menu.
Flash-based content tooltips.
Top Navigation Bar generator.
Flash status bar, for content notes.

Graphic Generators
Graphic navigation button bar generator. 20+ styles.
Advanced Mouse-Over navigation bar generator.
From-based drop-down menu generator.
3D Text Creation Tool.

Javascript/CSS Code Generators
Create Code For Pop Up Windows.
Create Code For Pop Up Windows.
Java Based Drop Down Menus.
Code CSS tags for buttons, forms, and text.
Create Colored Scrollbars, like the ones on this page.

DHTML Generators
CSS-based navigational bar generator.
Floating, expandable Docking Menu.
Customizable content tooltips.

Top of this page.
More Tools for Web Page/Site Building.
Add A Link To Your Site.
©2001 HandsOnLine.net
CSS Generator
CSS Generator Notes:
- The resulting CSS classes will only work properly when using Microsoft Internet Explorer 4.0 and above, and will work partially when using Netscape6. Netscape 4.x will not support many of the features of this CSS generator.

- The color fields are meant for Hex values of colors. Click on the Color Values button to view a color palette. Within it, click on any color and copy its value - a hash (#) followed by 6 characters. Remember - you can copy a value by double-clicking the text field and pressing CTRL-C. To paste that value press CTRL-V.

- When creating a class for text, you can still use the border features, but it's not recommended. The resulting code usually won't not be practical. However, you can still give text a background color.

- If you want the border of a button or a text field to be beveled, but still be of a specific color, select the Colored Beveled option in the border type field. Then enter the Hex value into the border color field as you would normally.
     Element Type:
CSS Class Name:
  Background
Color:  
  Border
Color:  
Type:  
Width:  
  Text
Size:  
Color:  
Font:  
Style: