Homepage Beratung 3/3

• Homepage Teil 1 : Design ,Planung, Banner
• Homepage Teil 2 : HTML-anleitung,Online Wysiwyg-editor
• Homepage Teil 3 : DHTML Buttons ohne gif

Buttons ohne gif

Wer sagt denn eigentlich, daß Navigation immer mit Gif-Bildchen geht.
Nun seit es Cascading Stylesheets gibt und DHTML geht es auch ohne; und hier ist der Beweis.
Der Ansatz ist Definiere einen Style mit border-style:outset und schon hast du einen Button

Beispiel ohne GIF:

Button outset

Button inset

Button ridge

Button groove

Natürlich geht da noch viel mehr. Rahmenbreite,Hintergründe, Schriftgröße und art, ja sogar Hintergrundbilder lassen sich in diese Rahmen hineinzaubern

Beispiel ohne gif mit Farbe und mehr :

Button outset

Button inset mit Courier Schrift

Button ridge Unterstrichen

Button groove

Ein Riesenvorteil ist natürlich, daß ich zur Erstellung von zusätzlichen Buttons auf kein Grafikprogramm mehr angewiesen bin.Ich kann einfach Beschriften.
Webseiten von mir, in dem ich diese Technik häufig anwende: Linkshandversand
Sabotage Die Blacksabbath-Coverband.