Dynamic CSS Link Generator
Instuctions
This generator was coded by us, it shows changes in real time (Whenever you update something). Use this to generate text links, image links, and hover effects for your site(Several options will be available when you generate your code). No other sites offer a generator with this much creative freedom for styling your links!
1. Configure your link using the controls on the page. Note: Not using an effect means that the browser's default will be used.
2. Hit the Generate Your Free Code button and it will open up a new window with your codes in it. Select the type you want and apply it to your profile. (Or webpage, or blog, or anywhere you can use CSS)
Link Preview Below
| Link Preview: | Hover Preview: |
General Settings - Leave blank if just creating styles for your page
Link Settings
|
Link Color: |
|
|
Link Background Color: |
|
|
Link Font Size(1-99): |
|
|
Image Border Size(0-9): |
(Set for border to show) |
|
Image Border Color: |
|
|
Image Border Style: |
none
solid
dot dash double |
|
Link Text Style |
Underline Line-Through Overline Bold |
|
Link Effect Color |
|
|
Link Text Effect: (Internet Explorer 5.5+) (Glow, Drop Shadow, and Shadow don't work if a BG Color is set) |
none
glow blur drop shadow shadow wave |
|
Image Effect: (Internet Explorer 5.5+) |
none
blur
invert gray x-ray wave 50% transparent circle transparency flip vertical flip horizontal 
|
Hover Settings
|
Link Color |
|
|
Link Background Color |
|
|
Link Font Size(1-99) |
|
| (Set for border to show) |
Image Border Size(0-9) |
|
Image Border Color |
|
|
none
solid
dot dash double |
Image Border Style |
|
Underline
Line-Through Overline Bold |
Link Text Style |
|
Link Effect Color |
|
|
none
glow blur drop shadow shadow wave |
Link Text Effect: (Internet Explorer 5.5+) (Glow, Drop Shadow, and Shadow don't work if a BG Color is set) |
|
none
blur
invert gray x-ray wave 50% transparent circle transparency flip vertical flip horizontal
|
Image Effect: (Internet Explorer 5.5+) |
(Opens in New Window)
