Support Centre

Cambiar el color de los cuadros de texto

Renée Meloche
Renée Meloche
  • Actualización

0. ES All plans.gif

De forma predeterminada, los cuadros de texto son transparentes (sin fondo visible), pero puede cambiar esto de dos maneras: 

  • Use un  bloque HTML personalizado  para cambiar el color de fondo del cuadro de texto, o 
  • Coloque una  forma o icono  detrás del cuadro de texto 

Cambiar el color de fondo de un bloque HTML

Agregue un bloque HMTL  desde la sección  Interactiva  de la barra lateral izquierda. 

Haga doble clic en el cuadro HTML o haga clic en "  Editar  HTML  " en la barra de herramientas superior.

Haga clic en la  pestaña  Configuración   en el panel Editar HTML.

Bajo el encabezado Color  de fondo  , cambie el color y la opacidad del fondo del cuadro de texto.  

Un lienzo en el Editor de Venngage muestra un fondo azul claro y un gráfico de barras debajo de un espacio en blanco donde normalmente aparecería un encabezado.  Un usuario hace clic en la barra lateral izquierda en la sección 'Interactiva' para expandirla.  Debajo de esta categoría, se muestran diferentes widgets interactivos;  el usuario hace clic en 'HTML' y arrastra un cuadro de texto para agregar codificación HTML al lienzo.  El cuadro de texto aparece en el lienzo.  El usuario hace doble clic en el cuadro y aparece un panel flotante en el lado derecho de la pantalla.  En el panel, aparecen dos pestañas: Datos y Configuración.  En el panel Datos, aparece un campo de texto;  el usuario pega texto en el cuadro.  Las palabras aparecen en letra pequeña, en letras negras, en el cuadro de texto del lienzo.  A continuación, el usuario hace clic en la pestaña Configuración.  En esta pestaña,  los encabezados aparecen sobre las herramientas que permiten al usuario cambiar la apariencia del cuadro de texto HTML en el lienzo, incluido el cambio del color de fondo del cuadro de texto.  Debajo del encabezado Color de fondo, aparece un ícono de widget de herramienta de color (una gota sobre un fondo a cuadros).  El usuario hace clic en el widget de la herramienta de color y se abre la herramienta de color;  el usuario hace clic en la rueda de colores para seleccionar un color y el fondo del cuadro de texto en el lienzo cambia para coincidir.

 

También puede editar la apariencia del texto usando los controles debajo de los encabezados  Opciones de fuente   y   Opciones de línea  . 

Coloque una forma o icono detrás del cuadro de texto

Agregue un cuadro de texto  al lienzo de diseño. 

En   Formas y símbolos   en la barra lateral izquierda, seleccione una forma para colocarla detrás del cuadro de texto. Agregue la forma al lienzo y cambie su tamaño para que se ajuste al cuadro de texto. 

Utilice las herramientas de capas    para mover la forma hacia atrás, detrás del cuadro de texto. 

En un lienzo azul claro en el Editor de Venngage, aparecen diferentes íconos coloridos relacionados con lo académico (libros, un birrete de graduación, reglas, etc.) En el centro del diseño, el texto aparece en una fuente negra. Un usuario hace clic en la barra lateral izquierda, y bajo el encabezado 'Formas y símbolos', hace clic en un rectángulo, que agrega esta forma al lienzo. El usuario cambia el tamaño de la forma y luego usa las herramientas de Capas para enviar la forma de vuelta a una capa, de modo que aparezca detrás del texto. La forma, por defecto, es de un color azul medio; luego, el usuario selecciona la forma y usa la herramienta Color en la barra de herramientas superior para ajustar el color. El usuario cambia el porcentaje de relleno de color, creando un efecto de dos tonos donde la parte superior la mitad del rectángulo es de un color diferente al de la mitad inferior. Debido a que el cuadro de texto es transparente,el texto aparece claramente sobre la forma sin cambiar el color.

 

Puede usar la  herramienta Color  para ajustar el color, la opacidad y  el relleno de la forma  . 

 

 

VENNGAGE LOGO

¿Tienes curiosidad por suscribirte? Revisa nuestros planes.

 

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 1

¿Tiene más preguntas? Enviar una solicitud