{"id":7732,"date":"2023-08-12T07:33:24","date_gmt":"2023-08-12T14:33:24","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=7732"},"modified":"2025-01-17T10:30:01","modified_gmt":"2025-01-17T15:30:01","slug":"estilos-de-botones-mm","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/estilos-de-botones-mm\/","title":{"rendered":"Uso de los estilos de bot\u00f3n de MemberMouse"},"content":{"rendered":"

Cuando MemberMouse est\u00e9 activado en su sitio web, tendr\u00e1 acceso a m\u00e1s de 60 estilos de botones web 2.0. Puede transformar f\u00e1cilmente cualquier enlace en un bot\u00f3n utilizando la clase 'mm-button' de la siguiente manera:<\/p>\n\n\n\n

<\/div>\n\n\n\n

<a href="#" class="mm-button">Botón de muestra<\/a><\/code><\/p>\n\n\n\n

<\/div>\n\n\n\n

El resultado ser\u00e1 el siguiente:\u00a0\"\"<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n
Cambiar el tama\u00f1o<\/h5>\n\n\n\n

Hay 3 tama\u00f1os diferentes de botones soportados: peque\u00f1o, mediano y grande. Puede crear botones de diferentes tama\u00f1os de la siguiente manera:<\/p>\n\n\n\n

<\/div>\n\n\n\n
Peque\u00f1o<\/strong>
<a href="#" class="mm-button small">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Medio<\/strong>
<a href="#" class="mm-button">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Grande<\/strong>
<a href="#" class="mm-button large">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n
Esquinas redondeadas<\/h5>\n\n\n\n

Hay dos opciones diferentes para redondear las esquinas, el redondeo est\u00e1ndar y el redondeo de bot\u00f3n de p\u00edldora. Puede controlar el redondeo de las esquinas del siguiente modo:<\/p>\n\n\n\n

Est\u00e1ndar<\/strong>
<a href="#" class="mm-button">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Bot\u00f3n Pastilla<\/strong>
<a href="#" class="mm-button rounded">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n
Cambiar el color<\/h5>\n\n\n\n

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

Blanco<\/strong>
<a href="#" class="mm-button">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Gris<\/strong>
<a href="#" class="mm-button grey">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Negro<\/strong>
<a href="#" class="mm-button black">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Azul claro<\/strong>
<a href="#" class="mm-button light_blue">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Azul<\/strong>
<a href="#" class="mm-button blue">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Verde<\/strong>
<a href="#" class="mm-button green">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Rojo<\/strong>
<a href="#" class="mm-button red">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Naranja<\/strong>
<a href="#" class="mm-button orange">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Amarillo<\/strong>
<a href="#" class="mm-button yellow">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Rosa<\/strong>
<a href="#" class="mm-button pink">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Morado<\/strong>
<a href="#" class="mm-button purple">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n
Crear variaciones combinando atributos<\/h5>\n\n\n\n

Utilizando conjuntamente los atributos de tama\u00f1o, redondeo y color puede crear m\u00e1s de 60 variaciones. Los siguientes son ejemplos de variaciones para un bot\u00f3n verde:<\/p>\n\n\n\n

<\/div>\n\n\n\n
Bot\u00f3n verde peque\u00f1o<\/strong>
<a href="#" class="mm-button green small">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Bot\u00f3n verde medio<\/strong>
<a href="#" class="mm-button green">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Bot\u00f3n verde grande<\/strong>
<a href="#" class="mm-button green large">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Peque\u00f1o bot\u00f3n de pastilla verde<\/strong>
<a href="#" class="mm-button green small rounded">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Bot\u00f3n Pastilla Verde Mediana<\/strong>
<a href="#" class="mm-button green rounded">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr>
Bot\u00f3n grande de pastilla verde<\/strong>
<a href="#" class="mm-button green large rounded">Botón de muestra<\/a><\/code><\/td>		\"\"<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>","protected":false},"excerpt":{"rendered":"

Cuando MemberMouse est\u00e9 activado en su sitio web, tendr\u00e1 acceso a m\u00e1s de 60 estilos de botones web 2.0. Puede transformar f\u00e1cilmente cualquier enlace en un bot\u00f3n utilizando la clase 'mm-button' como...<\/p>","protected":false},"author":9645,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[226,160],"ht-kb-tag":[],"class_list":["post-7732","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customize-checkout","ht_kb_category-customize-mm"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/7732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=7732"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions"}],"predecessor-version":[{"id":20467,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions\/20467"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=7732"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=7732"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=7732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}