AJUDA
  Criar blog
  Publicar mensagem
  Blogs comunitários
  Ferramentas
  Editor de mensagens
  Variáveis de template
  Importação de mensagens
  Mensagens por celular (SMS)
  Categoria das mensagens
  Geral
  Programa UOL Afiliados
  PERGUNTAS FREQUENTES
  PASSEIO VIRTUAL
  REGRAS DE USO
  Ajuda > Editor de mensagens


Para formatar um texto, selecione a palavra ou frase que receberá a formatação. Depois de selecionada, escolha o tipo de formatação clicando o ícone da barra que representa a formatação desejada.

Para maiores informações sobre formatação de texto, clique sobre os ícones da barra abaixo:




 FONTE
Tag:  <font face="família de fonte"></font>
Descrição:  Determina o tipo de fonte do texto que estiver entre as tags.
Exemplo:  <font face="comic sans ms,sans-serif">Texto na fonte Comic Sans MS.</font>
Aparece como:  Texto na fonte Comic Sans MS.
Subir 

 TAMANHO DE FONTE
Tag:  <font size="tamanho"></font>
Descrição:  Determina o tamanho da fonte do texto que estiver entre as tags.
Exemplo:  <font size="6">O texto será em tamanho 6.</font>

Aparece como: 
O texto será em tamanho 6.
OBS: O tamanho da fonte pode variar de 1 a 7, sendo 1 a menor fonte, e 7 a maior.
Subir 

 NEGRITO
Tag:  <strong></strong>
Descrição:  Coloca em negrito (bold) o texto que estiver entre estas duas tags.
Exemplo:  <strong>este texto está em negrito</strong>
Aparece como:  este texto está em negrito
Subir 

 ITÁLICO
Tag:  <em></em>
Descrição:  Coloca em itálico o texto que estiver entre estas duas tags.
Exemplo:  <em>este texto está em itálico</em>
Aparece como:  este texto está em itálico
Subir 

 SUBLINHADO
Tag:  <span style="text-decoration: underline;"></span>
Descrição:  Sublinha (underline) o texto entre estas duas tags.
Exemplo:  <span style="text-decoration: underline;">este texto está sublinhado</span>
Aparece como:  este texto está sublinhado
Subir 

 ALINHAMENTO
Tag:  <p style="text-align: left;"></p>
Descrição:  As tags <P> </P> delimitam um parágrafo. Essas tags geralmente vêm acompanhadas do parâmetro de alinhamento (align). O parâmetro opcional ALIGN configura o alinhamento do parágrafo e pode conter os valores LEFT, CENTER, RIGHT e JUSTIFY (à esquerda, centralizado, à direita e justificado, respectivamente).
Exemplo:  <p style="text-align: left;">Texto alinhado à esquerda</p>
Aparece como: 

Texto alinhado à esquerda

Subir 
 ALINHAMENTO
Tag:  <p style="text-align: center;"></p>
Descrição:  As tags <P> </P> delimitam um parágrafo. Essas tags geralmente vêm acompanhadas do parâmetro de alinhamento (align). O parâmetro opcional ALIGN configura o alinhamento do parágrafo e pode conter os valores LEFT, CENTER, e JUSTIFY (à esquerda, centralizado, à direita e justificado, respectivamente).
Exemplo:  <p style="text-align: center;">Texto alinhado no meio</p>
Aparece como: 

Texto alinhado no meio

Subir 

 ALINHAMENTO
Tag:  <p style="text-align: right;"></p>
Descrição:  As tags <P> </P> delimitam um parágrafo. Essas tags geralmente vêm acompanhadas do parâmetro de alinhamento (align). O parâmetro opcional ALIGN configura o alinhamento do parágrafo e pode conter os valores LEFT, CENTER, RIGHT e JUSTIFY (à esquerda, centralizado, à direita e justificado, respectivamente).
Exemplo:  <p style="text-align: right;">Texto alinhado à direita</p>
Aparece como: 

Texto alinhado à direita

Subir 

 ALINHAMENTO
Tag:  <p style="text-align: justify;"></p>
Descrição:  As tags <P> </P> delimitam um parágrafo. Essas tags geralmente vêm acompanhadas do parâmetro de alinhamento (align). O parâmetro opcional ALIGN configura o alinhamento do parágrafo e pode conter os valores LEFT, CENTER, RIGHT e JUSTIFY (à esquerda, centralizado, à direita e justificado, respectivamente).
Exemplo:  <p style="text-align: justify;">Texto com alinhamento justificado</p>
Aparece como: 

Texto com alinhamento justificado

Subir 

 LISTA NÃO-ORDENADA
Tag:  <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>...</li>
</ul>
Descrição:  As tags <ul> </ul> são utilizadas para apresentar uma listagem de itens que não tem objetivo de definir uma seqüência ou relações de prioridade entre os elementos listados. Cada item da lista deve ser precedido pela tag <li> e seguido pela tag </li>
Exemplo:  <ul>
<li>Primeiro item</li>
<li>Segundo item</li>
<li>Terceiro item</li>
</ul>
Aparece como: 
  • Primeiro item
  • Segundo item
  • Terceiro item
Subir 

 LISTA ORDENADA
Tag:  <ol>
<li>Item 1</li>
<li>Item 2</li>
<li>...</li>
</ol>
Descrição:  As tags <ol> </ol> (ordered list) são utilizadas para apresentar uma lista de itens ordenados em seqüência numerada. Cada item da lista deve ser precedido pela tag <li> e seguido pela tag </li>
Exemplo:  <ol>
<li>Primeiro item</li>
<liI>Segundo item</li>
<li>Terceiro item</li>
</ol>
Aparece como: 
  1. Primeiro item
  2. Segundo item
  3. Terceiro item
Subir 

 DIMINUIR MARGEM
Tag:  <p style="padding-left: valorpx;"> </p>
Descrição:  As tags <p style="padding-left: valorpx;"> </p> são utilizadas para aumentar ou reduzir a margem esquerda entre o bloco de texto e a janela do navegador.
Exemplo:  <p style="padding-left: 60px;">Texto com mais margem</p>
<p style="padding-left: 30px;">Texto com margem</p>
<p>Texto sem margem</p>
Aparece como: 

Texto com mais margem

Texto com margem

Texto sem margem

Subir 

 AUMENTAR MARGEM
Tag:  <p style="padding-left: valorpx;"> </p>
Descrição:  As tags <p style="padding-left: valorpx;"> </p> são utilizadas para aumentar ou reduzir a margem esquerda entre o bloco de texto e a janela do navegador.
Exemplo:  <p style="padding-left: 60px;">Texto com mais margem</p>
<p style="padding-left: 30px;">Texto com margem</p>
<p>Texto sem margem</p>
Aparece como: 

Texto com mais margem

Texto com margem

Texto sem margem

Subir 

 COR DE FONTE
Tag:  <font color="#valor hexadecimal de cor"> </font>
Descrição:  Determina a cor da fonte do texto escrito entre as tags.
Exemplo:  <font color=#"ff0000">Este texto está em vermelho</font>
Aparece como:  Este texto está em vermelho
Subir 

 COR DE FUNDO
Tag:  <span style="background-color: #valor hexadecimal de cor;"> </span>
Descrição:  Determina a cor de fundo do texto escrito entre as tags.
Exemplo:  <span style="background-color: #ffff00;">A cor do fundo deste texto é amarelo</span>
Aparece como:  A cor do fundo deste texto é amarelo
Subir 

 EMOTICONS
Tag:  <img title="nome do emoticon" src="endereço do emoticon na web" border="0" alt="nome do emoticon" />
Descrição:  Este comando permite a inserção de emoticons.
Exemplo:  <img title="Riso" src="http://blog.uol.com.br/editor/tiny_mce/plugins/emotions/img/smiley-laughing.gif" border="0" alt="Riso" />
Aparece como:  Riso
Subir 

 LINHA HORIZONTAL
Tag:  <hr />
Descrição:  A tag <hr /> insere uma linha horizontal na página.
Exemplo:  <hr />
Aparece como: 
Subir 

 INSERIR/EDITAR HYPERLINK
Tag:  <a href="endereço de destino"> </a>
Descrição:  Liga um elemento de página - palavra, texto ou imagem - a outra página da web, possibilitando a navegação com apenas um clique.
Exemplo:  <a href="http://www.uol.com.br">UOL</a>
Aparece como:  UOL
Subir 

 REMOVER HYPERLINK
Tag:  <a href="endereço de destino"> </a>
Descrição:  Remove o hyperlink da palavra, texto ou imagem selecionada.
Exemplo:  <a href="http://www.uol.com.br">UOL</a>
Aparece como:  UOL
Subir 

 INSERIR/EDITAR IMAGENS
Tag:  <img src="endereço da imagem" alt="" width="largura" height="altura" />
Descrição:  Permite a inserção de imagens da web ou do seu próprio computador. A tag <img> pode vir acompanhada de diversos parâmetros - veja o item Parâmetros logo abaixo. Os parâmetros podem ser alterados selecionando-se a imagem e clicando novamente no ícone de inserção de imagens.
Exemplo:  <img src="http://blog.i.uol.com.br/uolblog.gif" alt="" width="160" height="59" />
Aparece como: 
Parâmetros: 

Endereço da imagem: <img src="endereço da imagem" /> - especifica o endereço da imagem a ser colocada na página. Normalmente, as imagens têm terminação .gif ou .jpg.

Descrição da imagem: <img alt="descrição da imagem" /> - o texto acompanhado do parâmetro alt aparecerá quando o usuário passar o cursor sobre a imagem. É uma legenda alternativa para a imagem.

Alinhamento: <img style="código do tipo de alinhamento" /> - alinha a imagem sobre a linha de texto (vertical-align: baseline;), no topo (vertical-align: top;), no meio (vertical-align: middle;), embaixo (vertical-align: bottom;), no topo do texto (vertical-align: text-top;), na base do texto (vertical-align: text-bottom;), à esquerda (float: left;) ou à direita (float: right;).

Dimensões: <img width="largura" height="altura" /> - determina a largura (width) e a altura (height) que a imagem inserida deverá apresentar.

Borda: <img style="border: espessura da bordapx solid black;" /> - especifica o tamanho da borda da imagem em pixels. Os números têm de ser inteiros.

Espaço Vertical: <img style="margin-top: valorpx; margin-bottom: valorpx;" /> - especifica um espaço (em pixels) a ser deixado entre o topo e o pé da imagem. Assim, os textos que forem escritos ao redor da imagem não ficarão grudados nela.

Espaço Horizontal: <img style="margin-left: valorpx; margin-right: valorpx;" /> - especifica um espaço (em pixels) a ser deixado entre as bordas esquerda e direita da imagem. Assim, os textos que forem escritos ao redor da imagem não ficarão grudados nela.

Dica: Se desejar enviar uma imagem armazenada em seu computador, siga os passos abaixo:
  1. Clique no ícone
  2. Clique no botão "Procurar..." ou "Browse..."
  3. Localize o arquivo em seu computador e clique no botão "Abrir" ou "Open"
  4. Clique no botão "OK"
Pronto! Seu arquivo será enviado para seu blog.
Subir 

 PESQUISAR NO UOL BUSCA
Descrição:  Liga uma palavra ou expressão selecionada à página de resultados do UOL Busca para a pesquisa por essa palavra ou expressão.
Exemplo:  UOL Busca Brasil
Subir 
 VER CÓDIGO
Descrição:  Exibe o código HTML da mensagem digitada. É possível alterar as tags e os parâmetros diretamente no código. Só faça isso se conhecer bem HTML.
Subir 






Fonte Tamanho de fonte Negrito Itálico Sublinhado Alinhamento Alinhamento Alinhamento Alinhamento Lista não-ordenada Lista ordenada Diminuir margem Aumentar margem Cor de fonte Cor de fundo Emoticons Linha horizontal Inserir/Editar Hyperlink Remover HyperLink Inserir/editar imagens PESQUISAR NO UOL BUSCA Ver código