Wenn MemberMouse auf Ihrer Website aktiviert ist, haben Sie Zugriff auf über 60 Web 2.0-Schaltflächenstile. Sie können jeden Link ganz einfach in eine Schaltfläche umwandeln, indem Sie die Klasse "mm-button" wie folgt verwenden:
<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> |