MODUL: CSS Buttons

[mantis]

Aus gegebenem Anlass, hier eine nützliche Erweiterung für modified eCommerce Shopsoftware

Mit dieser Erweiterung können CSS Buttons (für URL und Formulare) definiert werden.
Die Vorteile von CSS Buttons liegen auf der Hand, da damit u.a. Rollover und Hover Effekte erzielt werden können. Für alle die Hintergrundbilder nutzen möchten denen kann ich zwei Techniken ans Herz legen einmal die "Sliding Door" und andererseits "Sprites" beide sind gut und einfach einsetzbar.

  [ Für Gäste sind keine Dateianhänge sichtbar ]

Freue mich auf Rückmeldungen

So nun viel Spass

Gruss
mantis



Linkback: https://www.modified-shop.org/forum/index.php?topic=7423.0

[DokuMan]

Wow, danke für die Erweiterung!

Hast du zufällig noch einen Screenshot? Bilder sagen ja mehr als 1000 Worte

[mantis]

Klar gibt es den, leider ist der Mauszeiger nicht drauf, aber inklusive sind einfache Bilder-freie Buttons mit Hover Effekt.

Gruss
mantis

[EDIT Tomcraft 17.08.2010: Screenshot in Beitrag 1 angehängt.]

[Tomcraft]

Cool, Danke!

Grüße

Torsten

[web4design]

Ho, nette Sache.

Aber mal ne Frage, warum packst du um jedes Element noch nen Div-Tag?

Gruß

[mantis]

wie in der "lies-mich.txt" gesagt, das erlaubt mehr Gestaltungsfreiheit, z.B. bei doppelten(mehrfachen) Hintergrund Bildern.

Gruss
mantis

[web4design]

Die sind wofür notwendig, die doppelten Hintergrundbilder?

Ich kann mir jetzt nur keinen Reim raus machen, eventuell denke ich auch gerade in die falsche Richtung und es ist sinnvoll es so zu machen. Denke ja nur daran, dass man immer davon spricht eine DIV-Suppe zu vermeiden und dazu gehört eigentlich auch sowas.

Gruß

[mantis]

Zum Beispiel wenn jemand Icons benutzen will mit wechseldem Hintergrundbild, auch für die positionierung, und nicht ganz unwichtig so lässt sich ein "Tooltip" zuweisen.

Gruss
mantis

[web4design]

Hmm, eigentlich nix wofür ich die DIV-Box brauche

Aber ist ja auch wurscht, ich will nicht immer meckern. Nett, dass sich überhaupt jemand die Arbeit macht.

Gruß

[Tomcraft]

Wir nehmen aber auch gerne Verbesserungsvorschläge, am besten direkt als überarbeitetes Paket, entgegen.

Grüße

Torsten

[web4design]

Hehe,

sag das besser nicht, sonst überlege ich mir in meiner Freizeit (hm, was ist das?) mal die ganzen Button-Funktionen zu entfernen und das Template ordentlich auf <input>-Tags umzustellen, hehe.

Wehe, das würde dann nicht genommen werden.

Gruß
Hape

[Tomcraft]

Dann im Zweifel lieber vorher mal in einem neuen Thema genau ankündigen, was du vor hast und dann beraten wir gemeinsam darüber, ob das "schick" ist. Nicht, dass du dir umsonst Arbeit machst.

Grüße

Torsten

[web4design]

Jut, werde  zu gegebener Zeit mal was einbringen.

[mantis]

Schon gibt es eine neue Version des Moduls
Was hat sich geändert?
- die Funktion xtc_css_buttons() wurde geändert, es ist eine Variable dazu gekommen um zwischen Alt Text und Buttontext zu unterscheiden, auch wurde die Reihenfolge der Variablen geändert.Nicht zuletzt wurde der Button Text in <span> Tags gefasst.
- Es liegen nun Bild (auch psd Dateien) und CSS Definitionen bei um CSS Buttons mit Sprites und Sliding Door zu realisieren.  

Viel Spass
mantis

[EDIT Tomcraft 19.08.2010: Modul in Beitrag 1 aktualisiert.]

[t4l]

Hallo,

kann ich diese Erweiterung auch für xt:Commerce 3.0.4 SP2.1 nutzen?
ich bin gerade an diesem Shop hier dran: trade4less.de
und möchte die Buttons nicht als Image belassen

Sliding Doors sind einfach eleganter.

Danke u Grüße

EDIT: GTB - Link geändert