Utilisation des styles de boutons de MemberMouse

Lorsque MemberMouse est activé sur votre site Web, vous avez accès à plus de 60 styles de boutons Web 2.0. Vous pouvez facilement transformer n'importe quel lien en bouton en utilisant la classe "mm-button" comme suit :

<a href="#" class="mm-button">Exemple de bouton</a>

Le résultat sera le suivant : 

Modifier la taille

Trois tailles de boutons sont prises en charge : petite, moyenne et grande. Vous pouvez créer des boutons de différentes tailles comme suit :

Petit <a href="#" class="mm-button small">Exemple de bouton</a>
Moyen <a href="#" class="mm-button">Exemple de bouton</a>
Grandes dimensions <a href="#" class="mm-button large">Exemple de bouton</a>

Coins arrondis

Il existe deux options différentes pour arrondir les angles : l'arrondi standard et l'arrondi en forme de bouton de pilule. Vous pouvez contrôler l'arrondi des coins comme suit :

Standard <a href="#" class="mm-button">Exemple de bouton</a>
Bouton de pilule <a href="#" class="mm-button rounded">Exemple de bouton</a>

Changer la couleur

Il existe 11 couleurs de boutons différentes : blanc, gris, noir, bleu clair, bleu, vert, rouge, orange, jaune, rose et violet. Vous pouvez créer des boutons de différentes couleurs comme suit :

Blanc <a href="#" class="mm-button">Exemple de bouton</a>
Gris <a href="#" class="mm-button grey">Exemple de bouton</a>
Noir <a href="#" class="mm-button black">Exemple de bouton</a>
Bleu clair <a href="#" class="mm-button light_blue">Exemple de bouton</a>
Bleu <a href="#" class="mm-button blue">Exemple de bouton</a>
Vert <a href="#" class="mm-button green">Exemple de bouton</a>
Rouge <a href="#" class="mm-button red">Exemple de bouton</a>
Orange <a href="#" class="mm-button orange">Exemple de bouton</a>
Jaune <a href="#" class="mm-button yellow">Exemple de bouton</a>
Rose <a href="#" class="mm-button pink">Exemple de bouton</a>
Pourpre <a href="#" class="mm-button purple">Exemple de bouton</a>

Créer des variantes en combinant des attributs

En utilisant conjointement les attributs de taille, d'arrondi et de couleur, vous pouvez créer plus de 60 variations. Voici des exemples de variations pour un bouton vert :

Petit bouton vert <a href="#" class="mm-button green small">Exemple de bouton</a>
Bouton vert moyen <a href="#" class="mm-button green">Exemple de bouton</a>
Grand bouton vert <a href="#" class="mm-button green large">Exemple de bouton</a>
Petit bouton de pilule verte <a href="#" class="mm-button green small rounded">Exemple de bouton</a>
Bouton de pilule vert moyen <a href="#" class="mm-button green rounded">Exemple de bouton</a>
Grand bouton de pilule verte <a href="#" class="mm-button green large rounded">Exemple de bouton</a>