Cuando MemberMouse esté activado en su sitio web, tendrá acceso a más de 60 estilos de botones web 2.0. Puede transformar fácilmente cualquier enlace en un botón utilizando la clase 'mm-button' de la siguiente manera:
<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> |