MemberMouse-Schaltflächenstile verwenden

When MemberMouse is activated on your website you’ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the ‘mm-button’ class as follows:

<a href="#" class="mm-button">Muster-Schaltfläche</a>

Das Ergebnis sieht dann so aus: 

Ändern Sie die Größe

Es werden 3 verschiedene Schaltflächengrößen unterstützt: klein, mittel und groß. Sie können Schaltflächen in verschiedenen Größen wie folgt erstellen:

Klein <a href="#" class="mm-button small">Muster-Schaltfläche</a>
Mittel <a href="#" class="mm-button">Muster-Schaltfläche</a>
Groß <a href="#" class="mm-button large">Muster-Schaltfläche</a>

Abgerundete Ecken

Es gibt zwei verschiedene Optionen für die Abrundung der Ecken, die Standardabrundung und die Pillenknopfabrundung. Sie können die Abrundung der Ecken wie folgt steuern:

Standard <a href="#" class="mm-button">Muster-Schaltfläche</a>
Pillen-Knopf <a href="#" class="mm-button rounded">Muster-Schaltfläche</a>

Ändern Sie die Farbe

Es werden 11 verschiedene Schaltflächenfarben unterstützt: weiß, grau, schwarz, hellblau, blau, grün, rot, orange, gelb, rosa und lila. Sie können Schaltflächen in verschiedenen Farben wie folgt erstellen:

Weiß <a href="#" class="mm-button">Muster-Schaltfläche</a>
Grau <a href="#" class="mm-button grey">Muster-Schaltfläche</a>
Schwarz <a href="#" class="mm-button black">Muster-Schaltfläche</a>
Hellblau <a href="#" class="mm-button light_blue">Muster-Schaltfläche</a>
Blau <a href="#" class="mm-button blue">Muster-Schaltfläche</a>
Grün <a href="#" class="mm-button green">Muster-Schaltfläche</a>
Rot <a href="#" class="mm-button red">Muster-Schaltfläche</a>
Orange <a href="#" class="mm-button orange">Muster-Schaltfläche</a>
Gelb <a href="#" class="mm-button yellow">Muster-Schaltfläche</a>
Rosa <a href="#" class="mm-button pink">Muster-Schaltfläche</a>
Lila <a href="#" class="mm-button purple">Muster-Schaltfläche</a>

Variationen durch Kombination von Attributen erstellen

Wenn Sie die Attribute Größe, Rundung und Farbe zusammen verwenden, können Sie über 60 Variationen erstellen. Im Folgenden finden Sie ein Beispiel für eine grüne Schaltfläche:

Kleiner grüner Knopf <a href="#" class="mm-button green small">Muster-Schaltfläche</a>
Mittelgrüner Knopf <a href="#" class="mm-button green">Muster-Schaltfläche</a>
Großer grüner Knopf <a href="#" class="mm-button green large">Muster-Schaltfläche</a>
Kleiner grüner Pillen-Knopf <a href="#" class="mm-button green small rounded">Muster-Schaltfläche</a>
Mittelgrüner Pillen-Knopf <a href="#" class="mm-button green rounded">Muster-Schaltfläche</a>
Großer grüner Pillen-Knopf <a href="#" class="mm-button green large rounded">Muster-Schaltfläche</a>