{"id":9133,"date":"2025-05-19T12:38:59","date_gmt":"2025-05-19T12:38:59","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&p=9133"},"modified":"2025-05-19T12:38:59","modified_gmt":"2025-05-19T12:38:59","password":"","slug":"como-cambiar-el-color-de-los-botones-en-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-change-the-button-color-in-tableberg\/","title":{"rendered":"C\u00f3mo cambiar el color de los botones en Tableberg"},"content":{"rendered":"
Los botones de una tabla deben ser visualmente distintos e interactivos. Un color de fondo bien elegido har\u00e1 que llamen la atenci\u00f3n del usuario, mientras que un efecto hover suave confirmar\u00e1 que se puede hacer clic en ellos. Sin esto, los botones corren el riesgo de parecer fuera de lugar o, peor a\u00fan, de pasar desapercibidos.<\/p>\n\n\n\n
En esta gu\u00eda aprender\u00e1s a personalizar los colores de los botones y los efectos hover directamente en el editor, para que tus tablas sean limpias, funcionales y profesionales. <\/p>\n\n\n
<\/div><\/div><\/div>\n\n\n
Paso 1: Pulse el bot\u00f3n dentro de la tabla<\/strong><\/h2>\n\n\n\n
Localice el bot\u00f3n que ha a\u00f1adido dentro de una celda de la tabla. Haga clic directamente en el bot\u00f3n para seleccionar el bloque Bot\u00f3n.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Paso 2: Abra la barra lateral de configuraci\u00f3n de bloques<\/strong><\/h2>\n\n\n\n
Una vez seleccionado el bot\u00f3n, mire hacia la barra lateral derecha. Si la barra lateral no est\u00e1 visible, haz clic en el icono Configuraci\u00f3n de la esquina superior derecha del editor para abrirla. <\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Paso 3: Cambie a la pesta\u00f1a Estilos<\/strong><\/h2>\n\n\n\n
Dentro de la barra lateral, vaya a la pesta\u00f1a Estilos. Aqu\u00ed es donde se encuentran todos los ajustes relacionados con la apariencia del bloque Bot\u00f3n.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Paso 4: Elegir un nuevo color de bot\u00f3n<\/strong><\/h2>\n\n\n\n
Despl\u00e1cese hacia abajo hasta encontrar la secci\u00f3n Color. Ver\u00e1s opciones para establecer el color del texto, el color del texto flotante, el color de fondo y el color de fondo flotante para el bot\u00f3n. <\/p>\n\n\n\n
Haz clic en la paleta de colores y elige el color que quieras, o introduce un c\u00f3digo HEX\/RGB si deseas un control preciso.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Conclusi\u00f3n<\/strong><\/p>\n\n\n\n
Un buen dise\u00f1o de los botones en las mesas Tableberg se reduce a dos elementos esenciales. En primer lugar, el color del bot\u00f3n debe contrastar claramente con el fondo de la tabla para que destaque a primera vista. En segundo lugar, un estado hover definido ofrece a los usuarios una respuesta instant\u00e1nea y confirma que el bot\u00f3n es interactivo.<\/p>\n\n\n\n
Ahora que ya sabes c\u00f3mo configurar ambos, tus botones tendr\u00e1n el aspecto adecuado y se comportar\u00e1n como esperan los usuarios.<\/p>\n\n\n\n
![\"Pulse](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-1024x423.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Abrir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-1024x405.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Cambiar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-1024x417.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Elija](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n