fbpx

MemberMouse-Schaltflächenstile verwenden

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: Interview mit Brian Kurtz

Ä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>
Interview mit Brian Kurtz
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>
Interview mit Brian Kurtz
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>
Interview mit Brian Kurtz
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>
War dieser Artikel hilfreich?

Verwandte Artikel

Sie können die gesuchte Antwort nicht finden?

Wenden Sie sich an unser Customer Success Team
Kontaktieren Sie uns!