Surf City Domains


Tool Wizards


CSS Links Wizard

Description:
Use this wizard to create comprehensive dynamic CSS links. Control styles for normal links, active links, visited links and add link hover effects! Hover link effects work in IE and Netscape 6 only.
Directions:
Fill out as many of the fields below as required and click the "Generate Code" button. Grab the code and place it before the closing tag within your HTML page. Use the 'Grab Text' buttons to select the code within the adjacent textarea. Then use Control-C or Edit -> Copy to buffer the text for pasting into your document.

Normal Links

Link Hover

Color:

Color:

Size: Size:
Font: Font:
Style: Style:
Weight: Weight:
Underline: Underline:
Cursor: Cursor:
Variant: Variant:
Case: Case:
BG Color: BG Color:

Active Links

Visited Links

Color: Color:
Size: Size:
Font: Font:
Style: Style:
Weight: Weight:
Underline: Underline:
Cursor: Cursor:
Variant: Variant:
Case: Case:
BG Color: BG Color:

Then use Control-C to copy the text into your web page.



Table Color Changer

Description:

Create onMouseover/onMouseout color effects within tables. Change table rows or table cells bgcolor when mouse moves over elements of the table. This script works on IE only.


Directions:

See example code and where to place it in your HTML file. Change the colors shown in the example to match the colors that you use on your site. You can type in the actual color name (ex. black) or the HEX code for the color (ex. #000000). Use the 'Grab Text' buttons to select the code within the adjacent textarea. Use the link above to view the Ace Color Chart for reference. Then use Control-C or Edit -> Copy to buffer the text for pasting into your document.
Example (move over the column heading and each row):
TITLE Column 1 Column 2
DATA DATA A DATA B
DATA DATA A DATA B
DATA DATA A DATA B

Paste the following code into the table element that you want to change. For example, if you want to change the table row you paste the code into the <TR>. If you want to change a table cell color you paste the code on the <TD>. You may even add it to the <TABLE> tag to highlight the entire table.
 

Then use Control-C to copy the text.


Frames Generator



Share/Save/Bookmark Bookmark Surf City Domains

 

bottom
t_left t_right
About Us   |   Refer Us   |   Link to Us   |   Site Map   |   Terms of Use   |   Privacy Policy   |   Children's Policy

© 2006 -   Surf City Domains   All Rights Reserved
b_left b_right