Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Como adicionar uma imagem de fundo para um conteúdo de texto?

Prev Next

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






Para adicionar mais essência ao seu conteúdo de texto, você pode adicionar uma imagem de fundo. A imagem de fundo que você deseja adicionar deve estar disponível na Web. Se a imagem de fundo estiver no seu dispositivo local, você poderá carregá-la no Drive e utilizar o URL da imagem.

Etapas para adicionar uma imagem de fundo

  1. Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.

  2. Na guia CSS personalizado, cole o snippet de CSS abaixo na janela.

.bgimg 
{ 
background-image: url("IMAGE_URL"); 
} 
  1. No trecho acima:

    • O nome da classe é .bgimg. Você pode substituí-lo conforme a exigência.

    • IMAGE_URL - Adicione o URL da imagem de fundo desejada.

  2. Clique em Salvar.

  3. Navegue até o artigo desejado e adicione o seguinte trecho no editor:

<p class="bgimg">Text_content</p> 
  • Text_content - Adicione o conteúdo de texto desejado.

  • bgimg - Se você alterar o nome da classe, replique as mesmas alterações neste campo.

<div class="bgimg" style="background-image:url('Image URL');">
                               
##    Heading 2   
* [ Formatting Commands](/v1/docs/md-5#testheading)
* [Punctuation & Symbols](/v1/docs/clone-html-image-vertical-alignment)
* Dates & Times
* Numbers, Dollars & Cents       
</div>

Esse código cria uma seção estilizada com uma imagem de plano de fundo e exibe uma lista formatada de links e texto dentro dela. Ele usa um <div> com uma imagem de fundo, um título e uma lista com marcadores de links e texto para navegação ou referência.

  • bgimg - Representa o nome da classe. Você pode personalizar com base em sua necessidade.

  • URL da imagem: Adicione o URL da imagem desejada.

NOTA

Para adicionar uma imagem de fundo para texto no editor WYSIWYG ou WYSIWYG avançado, basta usar o código HTML acima na Visualização de código () do editor. Substitua Text_content pelo texto desejado e clique em Visualizar para visualizar a saída.

  1. A imagem de plano de fundo desejada é exibida para o conteúdo de texto em sua base de dados de conhecimento.

Adding a background image for a text content by applying the Custom CSS code.