Uso de los estilos de botón de MemberMouse

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">Botón de muestra</a>

El resultado será el siguiente: 

Cambiar el tamaño

Hay 3 tamaños diferentes de botones soportados: pequeño, mediano y grande. Puede crear botones de diferentes tamaños de la siguiente manera:

Pequeño <a href="#" class="mm-button small">Botón de muestra</a>
Medio <a href="#" class="mm-button">Botón de muestra</a>
Grande <a href="#" class="mm-button large">Botón de muestra</a>

Esquinas redondeadas

Hay dos opciones diferentes para redondear las esquinas, el redondeo estándar y el redondeo de botón de píldora. Puede controlar el redondeo de las esquinas del siguiente modo:

Estándar <a href="#" class="mm-button">Botón de muestra</a>
Botón Pastilla <a href="#" class="mm-button rounded">Botón de muestra</a>

Cambiar el color

Se admiten 11 colores de botón diferentes: blanco, gris, negro, azul claro, azul, verde, rojo, naranja, amarillo, rosa y morado. Puede crear botones de diferentes colores de la siguiente manera:

Blanco <a href="#" class="mm-button">Botón de muestra</a>
Gris <a href="#" class="mm-button grey">Botón de muestra</a>
Negro <a href="#" class="mm-button black">Botón de muestra</a>
Azul claro <a href="#" class="mm-button light_blue">Botón de muestra</a>
Azul <a href="#" class="mm-button blue">Botón de muestra</a>
Verde <a href="#" class="mm-button green">Botón de muestra</a>
Rojo <a href="#" class="mm-button red">Botón de muestra</a>
Naranja <a href="#" class="mm-button orange">Botón de muestra</a>
Amarillo <a href="#" class="mm-button yellow">Botón de muestra</a>
Rosa <a href="#" class="mm-button pink">Botón de muestra</a>
Morado <a href="#" class="mm-button purple">Botón de muestra</a>

Crear variaciones combinando atributos

Utilizando conjuntamente los atributos de tamaño, redondeo y color puede crear más de 60 variaciones. Los siguientes son ejemplos de variaciones para un botón verde:

Botón verde pequeño <a href="#" class="mm-button green small">Botón de muestra</a>
Botón verde medio <a href="#" class="mm-button green">Botón de muestra</a>
Botón verde grande <a href="#" class="mm-button green large">Botón de muestra</a>
Pequeño botón de pastilla verde <a href="#" class="mm-button green small rounded">Botón de muestra</a>
Botón Pastilla Verde Mediana <a href="#" class="mm-button green rounded">Botón de muestra</a>
Botón grande de pastilla verde <a href="#" class="mm-button green large rounded">Botón de muestra</a>