Buttons für Webseite (mit Rollover)

[TazmanXT]

Hallo,
habe schon des öfteren hier im Forum Hilfe gefunden und hoffe nun auch diesmal auf einige Hilfreiche Tips und Lösungsvorschläge.

Folgende Sache liegt an :

Ich bin Betreiber eines Online Shops . http://www.rc-styling-shop.de
Nutze dort die Shop Plattform "OsCommerce" - also die Freeware.

Nun finde ich links die Menü/Navileiste allerdings doch etwas fad gehalten im System und zudem,umso mehr ich einfüge umso unübersichtlicher wird das ganze irgendwie.

Möchte dort jetzt gerne Buttons einfügen,einmal als normalen Hintergrund der Schriften.
Zudem einen "RollOver" Effekt ,sprich, wenn der Kunde drüber fährt das z.b der Button die Farbe wechselt..von beispielsweise Blau auf Weißen Button.
Mir sagte man jetze ich müsse dies irgendwo in der Stylesheet.css datei abändern wo ich auch die Farben ( Normal und RollOver ) eingestellt habe.

Leider bin ich aber absolut kein HTML Freak und komme dort ganz ehrlich gesagt nicht weiter,habe auch schon im OsCommerce Forum dazu hilfe gesucht...und auch dort die Contribs durchgesucht,konnte aber leider nichts hilfreiches finden.
Das es geht weiß ich aber,da einige ausländische Shops dies auch haben und diese nutzen auch das OsCommerce als Plattform.

Hat dort einer von euch nen Tip wie ich es hinbekomme oder kann mir dort einer vielleicht sogar bei helfen?
Wenn noch weitere Daten benötigt werden schreibt es hier bitte einfach rein,werde es dann Posten.

Bin da für jede Hilfe sehr dankbar.

Gruß : Michael

 

[BSA]

Hallo Micha,

also ich hab mir das ganze mal ganz kurz angeguckt, über google würdest du aber auch fündig werden.

Du musst einfach in http://54606.webhosting16.1blu.de/shop/stylesheet.css in dieser Zeile:

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

etwas in dieser Art schreiben:

.boxText  a {background: url("normal.gif") top left no-repeat; }

.boxText  a:hover {background-image: url("mouseover.gif");}

.boxText  a:active {background-image: url("angeklickt.gif");}

Das ganze findest du hier aber auch noch etwas ausführlicher erläutert.

Bei Fragen melde dich einfach noch einmal.

Gruß BSA

 

[Maik]

Hi,

neben der Variante, die einzelnen Grafiken zu tauschen, gibt es auch die Möglichkeit, alle "Zustände" in einer Grafik unterzubringen, und sie mittels background-position sichtbar werden zu lassen.

Siehe hierzu beispielsweise http://www.cssplay.co.uk/menus/menu5teen.html