fbpx

Uso de los estilos de botón de MemberMouse

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: entrevista con Brian Kurtz

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>
entrevista con Brian Kurtz
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>
entrevista con Brian Kurtz
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>
entrevista con Brian Kurtz
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>
¿Le ha resultado útil este artículo?

Artículos relacionados

¿No encuentra la respuesta que busca?

Póngase en contacto con nuestro equipo de atención al cliente
Póngase en contacto con nosotros