Service
Startseite
Kontakt
Impressum
Tools kaufen
Werbung
CSS-Generatoren
3D-Schrift-Generator
Container-Maker
Menue-Maker
MouseOver-Link
Scrollbar-Maker
runde Boxen
Button-Beispiele
Werbung
Buttons
Button A (mit Hintergrundgrafiken):
Code kopieren:
Grafiken speichern (zip)
<html> <head> <title>Testseite</title> <style type="text/css"> <!-- .button1 { border: #7A7777 1px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #636363; background: url(button1.png); width:145px; height:20px; cursor:pointer; } .button1:hover { border: #ABA9A9 1px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #FFFFFF; background: url(button1a.png); width:145px; height:20px; cursor:pointer; } --> </style> </head> <body bgcolor="#FFFFFF"> <center> <form> <input type="submit" name="senden" class="button1" value="Button A" onFocus="if (this.blur) this.blur()"> </form> </center> </body> </html>
Button B (mit Hintergrundgrafiken):
Code kopieren:
Grafiken speichern (zip)
<html> <head> <title>Testseite</title> <style type="text/css"> <!-- .button2 { border: #9DC79B 0px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #B7B7B7; background: url(download/button2.png); width:150px; height:20px; cursor:pointer; } .button2:hover { border: #9DC79B 0px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #999797; background: url(download/button2a.png); width:150px; height:20px; cursor:pointer; } --> </style> </head> <body bgcolor="#FFFFFF"> <center> <form> <input type="submit" name="senden" class="button2" value="Button B" onFocus="if (this.blur) this.blur()"> </form> </center> </body> </html>
Button C (ohne Grafiken - nur CSS):
Code kopieren:
<html> <head> <title>Testseite</title> <style type="text/css"> <!-- .button3 { border: #4F4F4F 1px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #4F4F4F; background: #CCCCCC; width:145px; height:20px; cursor:pointer; } .button3:hover { border: #7F7F7F 1px solid; font-family: Verdana; font-size: 8pt; font-weight:bold; color: #EFEFEF; background: #AFAFAF; width:145px; height:20px; cursor:pointer; } --> </style> </head> <body bgcolor="#FFFFFF"> <center> <form> <input type="submit" name="senden" class="button3" value="Button C" onFocus="if (this.blur) this.blur()"> </form> </center> </body> </html>
Werbung
Besucher
0000150827
