kostenloser Service
für Ihre Homepage
kostenloser Service
Gästebücher
Erstellen Sie Ihr kostenloses Gästbuch im handumdrehen
Forum
Erstellen Sie Ihr kostenloses Forum im handumdrehen
Favicon
Erstellen Sie kostenlose Ihr Favicon
PHP Maker
Erstellen Sie in weinigen Schritten kostenlose PHP Seiten
CSS Maker
Erstellen Sie in weinigen Schritten kostenlose CSS Seiten
HOME
Sitemap
Kontakt
Homepage-Broker
Wir bringen Ihre Homepage ins Netz
Startseite CSS Maker
Impressum
CSS Maker >> Button
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>
