Support Centre

Mudando a cor das caixas de texto (Editor Clássico)

Gino B.
Gino B.
  • Atualizado

Disponível nos seguintes planos de assinatura da Venngage: Grátis, Premium, Empresarial e Enterprise.

Por padrão, as caixas de texto são transparentes (sem fundo visível), mas você pode alterar isso de duas maneiras: 

  • Use um  bloco HTML personalizado  para alterar a cor de fundo da caixa de texto ou 
  • Colocar uma  forma ou ícone  atrás da caixa de texto 

Alterar a cor de fundo de um bloco HTML

Adicione um bloco HTML  da seção  Interativa  da barra lateral esquerda. 

Clique duas vezes na caixa HTML ou clique em "  Editar  HTML  " na barra de ferramentas superior.

Clique na  guia  Configurações   no painel Editar HTML.

No cabeçalho Cor  do plano de fundo  , altere a cor e a opacidade do plano de fundo da caixa de texto.   Uma tela no Venngage Editor mostra um fundo azul claro e um gráfico de barras sob um espaço em branco onde normalmente apareceria um título. Um usr clica na barra lateral esquerda na seção 'Interativo' para expandi-la. Abaixo desta categoria, diferentes widgets interativos são exibidos; o usuário clica em 'HTML' e arrasta uma caixa de texto para adicionar codificação HTML à tela. A caixa de texto aparece na tela. O usuário clica duas vezes na caixa e um painel flutuante aparece no lado direito da tela. No painel, aparecem duas abas: Dados e Configurações. No painel Dados, um campo de texto aparece; o usuário cola o texto na caixa. As palavras aparecem em fonte pequena, em letras pretas, na caixa de texto na tela. O usuário então clica na guia Configurações. Nesta aba, cabeçalhos aparecem sobre ferramentas que permitem ao usuário alterar a aparência da caixa de texto HTML na tela, inclusive alterando a cor de fundo da caixa de texto. Sob o cabeçalho Cor de fundo, aparece um ícone de widget de ferramenta de cores (uma gota em um fundo quadriculado). O usuário clica no widget da ferramenta de cores e a ferramenta de cores é aberta; o usuário clica na roda de cores para selecionar uma cor e o plano de fundo da caixa de texto na tela muda para corresponder.

 

Você também pode editar a aparência do texto usando os controles sob os cabeçalhos  Opções de fonte   e   Opções de linha  . 

Colocar uma forma ou ícone atrás da caixa de texto

Adicione uma caixa de texto  à tela de design. 

Em   Formas e símbolos   na barra lateral esquerda, selecione uma forma para colocar atrás da caixa de texto. Adicione a forma à tela e redimensione-a para caber na caixa de texto. 

Use as ferramentas de camadas    para mover a forma para trás, atrás da caixa de texto. 

Em uma tela azul clara no Venngage Editor, aparecem diferentes ícones coloridos relacionados a acadêmicos (livros, boné de formatura, réguas, etc. No centro do design, o texto aparece em uma fonte preta. Um usuário clica na barra lateral esquerda, e sob o título 'Formas e símbolos', clica em um retângulo, que adiciona esta forma à tela. O usuário redimensiona a forma e, em seguida, usa as ferramentas de camadas para enviar a forma de volta a uma camada, para que apareça atrás do texto. A forma, por padrão, é uma cor azul médio; o usuário então seleciona a forma e usa a ferramenta Cor na barra de ferramentas superior para ajustar a cor. O usuário altera a porcentagem de preenchimento de cor, criando um efeito de dois tons onde a parte superior metade do retângulo tem uma cor diferente da metade inferior.Como a caixa de texto é transparente, o texto aparece claramente sobre a forma sem alterar a cor.

 

Você pode usar a  ferramenta Cor  para ajustar a cor, a opacidade e  o preenchimento da forma  . 

Esse artigo foi útil?

Usuários que acharam isso útil: 1 de 2

Tem mais dúvidas? Envie uma solicitação