AJUDA
  EDITOR DE MENSAGENS
  PERGUNTAS FREQUENTES
  PASSEIO VIRTUAL
  REGRAS DE USO
  Editor de mensagens


O Editor de mensagens só funciona no navegador (browser) Internet Explorer, a partir da versão 5.5. Caso você utilize outro navegador ou uma versão mais antiga do Internet Explorer, você poderá editar as mensagens colocando código HTML no campo da mensagem.

Para formatar um texto, selecione a palavra ou frase que receberá a formatação.
Depois de selecionada, escolha o tipo de formatação clicando sobre 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:



 TAMANHO DE FONTE
Tag:  <font size="tamanho"></font>
Descrição:  Determina o tamanho da fonte que vier escrito 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:  <b></b>
Descrição:  Formata o texto em negrito (bold) que estiver entre estas duas tags.
Exemplo:  <b>este texto está em negrito</b>
Aparece como:  este texto está em negrito
Subir 

 ITÁLICO
Tag:  <I></I>
Descrição:  Formata o texto itálico. O texto entre essas duas tags virá em itálico.
Exemplo:  <i>este texto está em itálico</i>
Aparece como:  este texto está em itálico
Subir 

 SUBLINHADO
Tag:  <U></U>
Descrição:  Formata o texto com sublinhado (underline). O texto entre essas duas tags virá sublinhado
Exemplo:  <u>este texto está sublinhado</u>
Aparece como:  este texto está sublinhado
Subir 

 ALINHAMENTO
Tag:  <P align="alinhamento">
Descrição:  A tag <P></P> delimitam um parágrafo. Estas tags geralmente vem 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 RIGHT, esquerda, centralizado e direita respectivamente
Exemplo:  <P align="left">Texto alinhado à esquerda<P>
Aparece como: 

Texto alinhado à esquerda

Subir 
 ALINHAMENTO
Tag:  <P align="alinhamento">
Descrição:  A tag <P></P> delimitam um parágrafo. Estas tags geralmente vem 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 RIGHT, esquerda, centralizado e direita respectivamente
Exemplo:  <P align="center">Texto alinhado no meio<P>
Aparece como: 

Texto alinhado no meio

Subir 

 ALINHAMENTO
Tag:  <P align="alinhamento">
Descrição:  A tag <P></P> delimitam um parágrafo. Estas tags geralmente vem 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 RIGHT, esquerda, centralizado e direita respectivamente
Exemplo:  <P align="right">Texto alinhado à direita<P>
Aparece como: 

Texto alinhado à direita

Subir 

 LISTA ORDENADA
Tag:  <OL>
<LI>Item 1
<LI>Item 2
<LI>...
</OL>
Descrição:  A tag <ol></ol> (ordered list) é utilizado para apresentar uma lista de itens, ordenados em seqüência, como uma lista numerada. Cada ítem desta lista deve vir precedida da tag <LI> (list item).
Exemplo:  <OL>
<LI>Primeiro item
<LI>Segundo item
<LI>Terceiro item
</OL>
Aparece como: 
  1. Primeiro item
  2. Segundo item
  3. Terceiro item
Subir 

 LISTA ORDENADA
Tag:  <UL>
<LI>Item 1
<LI>Item 2
<LI>...
</UL>
Descrição:  A tag <ul></ul> é utilizada para apresentar uma listagem de itens que não têm o objetivo de definir uma seqüência ou uma prioridade para os itens. Cada ítem desta lista deve vir precedida da tag <LI> (list item).
Exemplo:  <UL>
<LI>Primeiro item
<LI>Segundo item
<LI>Terceiro item
</UL>
Aparece como: 
  • Primeiro item
  • Segundo item
  • Terceiro item
Subir 

 DIMINUIR MARGEM
Tag:  <BLOCKQUOTE> </BLOCKQUOTE>
Descrição:  A tag <BLOCKQUOTE> </BLOCKQUOTE> é utilizada para aumentar ou reduzir a margem de distância entre o bloco de texto e a janela do navegador.
Exemplo:  <BLOCKQUOTE><BLOCKQUOTE>Texto com mais margem</BLOCKQUOTE></BLOCKQUOTE>
<BLOCKQUOTE>Texto com margem</BLOCKQUOTE>
Texto sem margem
Aparece como: 
Texto com mais margem
Texto com margem

Texto sem margem
Subir 

 AUMENTAR MARGEM
Tag:  <BLOCKQUOTE> </BLOCKQUOTE>
Descrição:  A tag <BLOCKQUOTE> </BLOCKQUOTE> é utilizada para aumentar ou reduzir a margem de distância entre o bloco de texto e a janela do navegador.
Exemplo:  Texto sem margem
<BLOCKQUOTE>Texto com margem</BLOCKQUOTE>
<BLOCKQUOTE><BLOCKQUOTE>Texto com mais margem</BLOCKQUOTE></BLOCKQUOTE>
Aparece como:  Texto sem margem
Texto com margem

Texto com mais 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 size=#ff0000>O texto será em vermelho</font>
Aparece como:  O texto será em vermelho
Subir 

 COR DE FUNDO
Tag:  <font style="BACKGROUND-COLOR: #valor hexadecimal de cor">
Descrição:  A tag <font> pode receber o parâmetro style="background-color: #valor hexadecimal de cor" para colocar uma cor de fundo no texto digitado.
Exemplo:  <FONT style="BACKGROUND-COLOR: #ffff00">A cor do fundo deste texto é amarelo</FONT>
Aparece como:  A cor do fundo deste texto é amarelo
Subir 

 EMOTICONS
Tag:  <IMG src="nome e endereço da imagem" border=0>
Descrição:  Este comando insere automaticamente a tag <img> com a imagem selecionada.
Exemplo:  <IMG height=16 src="http://blog.i.uol.com.br/editor/icones/diabolico.gif" width=16 border=0>
Aparece como: 
Subir 

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

 LINK
Tag:  <a href=página a ser linkada></a>
Descrição:  Liga um elemento de página - palavra, texto ou imagem - a outra página, possibilitando a navegação com apenas um clique. Além de aquivos na WWW (protocolo http), o sistema permite ligar arquivos FTP, telnet, mailto entre outros.
Exemplo:  <a href=http://www.uol.com.br>UOL</a>
Aparece como:  UOL
Subir 

 INSERIR IMAGEM
Tag:  <img src="nome da imagem">
Descrição:  É a tag necessária para se colocar uma imagem na página. A tag <img> pode vir acompanhada de diversos parâmetros - ver o ítem parâmetros logo abaixo
Exemplo:  <img src=" http://blog.i.uol.com.br/uolblog.gif" alt="UOL Blog" align="left" border=0 width=160 height=59 hspace=2 vspace=2>
Aparece como:  UOL Blog
Parâmetros:  Localização da imagem: <img src="nome da imagem"> - especifica o endereço da imagem a ser colocada na página. Normalmente, as imagens têm terminação .gif ou .jpg.
Texto alternativo: <img alt="texto alternativo"> - o texto acompanhado do alt aparecerá quando o usuário passar o cursor em cima da imagem. É uma legenda alternativa para a imagem.
Alinhamento de imagem: <img align="alinhamento"> - alinha a imagem à esquerda (left), direita (right), ao centro (middle), no topo da página (top) ou no pé da página (bottom).
Borda da imagem: <img border="espessura da borda"> - especifica o tamanho da borda, em pixels. Os números têm de ser inteiros.
Espaçamento horizontal: <img hspace="espaço horizontal"> - especifica um espaço em branco a ser deixado entre as bordas esquerda e direita da imagem, em pixels. Ou seja, os textos que forem escritos ao redor da imagem não ficarão grudados nela.
Espaçamento vertical: <img vspace="espaço vertical"> - especifica um espaço em branco a ser deixado entre o topo e o pé da imagem, em pixels. Ou seja, 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 "Browser..."
  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 

 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.

Atenção: Para esconder o código HTML e mostrar o texto formatado, clique novamente no botão "Ver código".
Subir 




Tamanho de fonte Negrito Itálico Sublinhado Alinhamento a esquerda Alinhamento ao centro Alinhamento a direita Lista ordenada Lista não ordenada Redução da margem Aumento da margem Cor da fonte Cor do fundo do texto Emoticons Linha horizontal Inserção de link Inserir imagem Ver código HTML