Aprendendo a postar - Como utilizar as ferramentas.

[M客¡NhØ §åMµ®å¡]

Tutorial - Aprendendo a Postar/Editar um Tópico/Mensagem.

(Como utilizar as ferramentas na hora de postar)

Esse pequeno tutorial foi criado com o intuito de auxiliar novos (e até antigos) usuários na utilização das ferramentas na hora de postar no fórum (quando forem abrir um novo tópico ou responder à um tópico já existente).
A idéia desse tutorial surgiu ao ver que alguns (senão muitos) usuários desconhecem a utilização de determinadas tags, que existem para organizar nossas mensagens, facilitando assim a leitura e o entendimento das mesmas.

Vamos ao que interessa...

• Índice do tutorial
  
  1. Conhecendo os elementos da tela
     
     • Conhecendo a Barra de Ferramentas
     • Conhecendo os "botões de ações"
  2. Exemplos de formatação de texto
  3. Postando conteúdos grandes (utilizar as tags "code")
  4. Inserindo "citações" na mensagem
  5. Criando listas na mensagem
  6. Acrescentando um link na mensagem
  7. Acrescentando imagens na mensagem
  8. Acrescentando vídeos (Youtube) nas mensagens
  9. Exemplo de uma mensagem utilizando TUDO oque foi visto até agora

Espero que esse pequeno material possa facilitar a vida dos usuários do fórum na hora de postar.
Sugestões, criticas, elogios, reclamações, por favor, vá neste tópico.
(irei ler e responder na medida do possível, mas já adianto que não tenho como atender à todas as sugestões).

• Veja também:
  
  • Regras do Fórum.
  • F.A.Q (Perguntas Frequentes) sobre o BrazilFW 3.x

[M客¡NhØ §åMµ®å¡]

Conhecendo os elementos da tela

• Conhecendo a Barra de Ferramentas:
  
  
  
  1. Botão "Negrito" - Serve para "habilitar" a formatação negrito no texto.
  2. Botão "Itálico" - Serve para "habilitar" a formatação itálico no texto.
  3. Botão "Sublinhado" - Serve para "habilitar" a formatação sublinhado no texto.
  4. Botão "Citação" - Serve para "inserir citações" na mensagem.
  5. Botão "Código" - Serve para inserir as tags "code" na mensagem (muito útil para postar conteúdos grandes como arquivos de configuração, scripts, etc).
  6. Botão "Lista" - Serve para montar uma "lista de tópicos".
  7. Botão "Lista ordenada" - Serve para montar uma "lista de tópicos", similar à esta que você está lendo.
  8. Botão "Listar Itens" - Serve para definir "itens em uma lista" (basicamente, cria os tópicos de uma lista).
  9. Botão "Imagem" - Serve para inserir imagens na mensagem.
  10. Botão "Inserir URL" - Serve para inserir "links" na mensagem.
  11. Combo "Fonte" - Serve para selecionarmos o tamanho da fonte que usaremos na mensagem.
  12. Botão "Cor" - Serve para selecionarmos uma cor para a fonte da nossa mensagem.
  13. Botão "Youtube" - Serve para inserirmos um vídeo do Youtube©® em nossa mensagem.
  Obs.: Mais adiante mostrarei exemplos para todos esses "comandos", então continuem lendo.

• Conhecendo os "botões de ações":
  
  
  
  1. Botão "Salvar" - Para ser sincero, não tenho idéia de qual a função (se alguém souber me manda uma MP explicando que eu acrescento aqui no tuto com os devidos créditos).
  2. Botão "Prever" - Serve para visualizarmos como ficará nossa mensagem depois de postada (muito útil para uma revisão na mensagem, para detecção de erros de gramática, erros de formatação da mensagem, etc).
  3. Botão "Enviar" - Esse é fácil, né? Serve para "postarmos" definitivamente.

Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Exemplos de formatação de texto

Para formatar a fonte de nossa mensagem, podemos digitar toda a mensagem e após terminarmos, selecionarmos partes/trechos da mensagem clicar nos botões correspondentes a formatação desejada, na barra de ferramentas.
Também pode-se clicar primeiro nos botões e depois ir digitando a mensagem entre as "tags".
Abaixo são mostrados exemplos de formatação de texto e o resultado da formatação aplicada (como será visualizada a mensagem com determinada formatação).

• Formatação de fonte (negrito, itálico e sublinhado):
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Formatação de fonte (tamanho de fonte):
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Formatação de fonte (cor da fonte):
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  

Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Postando conteúdos grandes (utilizar as tags "code")

Muitas vezes é solicitado que os usuários do fórum postem conteúdos de arquivos diversos, scripts, entre outros...
Outras vezes queremos responder a um tópico existente, postando um arquivo de configuração "de exemplo"...
Com isso uma mensagem pode ficar enorme, devido ao conteúdo do arquivo solicitado ser muito grande.
Nessas ocasiões, é recomendada a utilização das tags "code" para organizar nossa mensagem e facilitar a leitura e entendimento por parte dos demais usuários.
Para utilizar as tags "code", basta clicar no botão "Código" (mostrado no tópico Conhecendo os elementos da tela) e digitar/"colar" o conteúdo dos arquivos dentro das tags.
Abaixo vemos um exemplo de como fica a mensagem digitada e como ela é exibida:

Mensagem digitada:


Resultado (como será exibida a mensagem digitada):



Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Inserindo "citações" na mensagem

As vezes, quando muitos usuários respondem ao mesmo tópico, precisamos dar um jeito de responder as questões e até "responder as respostas" de mais de um usuário.
Nessas ocasiões a ferramenta de citação deve ser utilizada para que nossa mensagem fique organizada e cada leitor possa ler "o pedaço que se destina à ele".
Podemos utilizar uma citação simples para citar, por exemplo, trechos das regras do fórum.
Já para responder a questões postadas por outros usuários, devemos utilizar a citação "que contenha o nome do autor do trecho à ser citado".
Para a citação simples, basta digitar o "texto que quer citar" entre as tags "quote".
Para uma citação "completa", devemos acrescentar o nome do autor "à citação" (pode-se clicar no botão "citação" (mostrado no tópico Conhecendo os elementos da tela) e acrescentar o autor e a mensagem "manualmente" ou simplesmente clicar no botão "citar", que fica localizado no canto superior direito da mensagem que foi postada anteriormente).
Abaixo vemos um exemplo de como fica a mensagem digitada e como ela é exibida:

• Citação Simples:
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Citação "Completa" (com o autor do trecho original):
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  

Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Criando listas na mensagem

Muitas vezes queremos solicitar que algum usuário execute alguns comandos para testes, ou queremos solicitar algumas informações, ou ainda, queremos simplesmente listar alguma coisa em nossa mensagem.
Nesse momento devemos utilizar as tags "list".
Basicamente, existem dois tipos de Listas: As listas "simples" e as listas "ordenadas".
A diferença entre elas é que a lista "simples" simplesmente lista seus itens em "tópicos". Já a lista "ordenada" pode ser ordenada por números, letras ou algarismos romanos (sinceramente não sei se existem outros tipos de ordens... Se alguém souber de mais algum, por favor, avise-me para que eu possa citá-lo aqui, junto com os devidos créditos, claro).
Abaixo vemos exemplos de como fica a mensagem digitada e como ela é exibida:

• Lista "simples":
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Lista "simples" dentro de outra lista "simples":
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Lista "ordenada" por números:
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Lista "ordenada" por letras:
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  
  
  
• Lista "ordenada" por números (algarismos romanos):
  
  Mensagem digitada:
  
  
  Resultado (como será exibida a mensagem digitada):
  

Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Acrescentando um link na mensagem

De vez em quando para pedirmos ajuda ou para ajudar alguém, precisamos indicar algum material para leitura.
Bom, para isso é até simples, basta colocar na nossa mensagem a URL do material e pronto, o link será exibido na mensagem automaticamente.
Certo, até aí tudo bem... Dessa forma funciona e não dá muito trabalho (copiar e colar não é novidade para ninguém aqui)...
Mas podemos deixar nossa mensagem mais "profissional" acrescentando um link, porém, exibindo um "texto nele"...
Mas como assim?
Vou colocar dois link agora apontando para um mesmo destino, vejam qual deles fica melhor, estéticamente falando:
http://www.brazilfw.com.br/forum/viewtopic.php?f=2&t=54486
Regras do Fórum

Perceberam a diferença?
Pois é... Utilizando as tags "url", podemos dar esse efeito "à mais" em nossa mensagem.
Para inserir um link dessa forma basta clicar no botão "inserir URL" (mostrado no tópico Conhecendo os elementos da tela) e inserir a url de destino do link e seu rótulo...
Abaixo vemos um exemplo de como fica a mensagem digitada e como ela é exibida:

Mensagem digitada:


Resultado (como será exibida a mensagem digitada):



Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Acrescentando imagens na mensagem

Para confeccionarmos um Tutorial e as vezes até para ajudar ou obter ajuda, precisamos colocar imagens em nossas mensagens...
Para isso basta utilizar o botão "Imagem" (mostrado no tópico Conhecendo os elementos da tela).
Uma vez clicado esse botão, aparecerão as tags "img" na mensagem, daí basta digitar a url da imagem que se deseja inserir.
Não explicarei aqui como fazer uploads de mensagens, pois para isso já existe um Tutorial disponível.
Abaixo vemos um exemplo de como fica a mensagem digitada e como ela é exibida:

Mensagem digitada:

Código: Selecionar todos

[img]http://www.brazilfw.com.br/users/reginaldo/figuras/logo_2011-avatar.png[/img]

Resultado (como será exibida a mensagem digitada):


Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Acrescentando vídeos (Youtube) nas mensagens

Essa técnica não é tão utilizada aqui no fórum, mas é bem útil para indicar materiais para estudo e também para postar conteúdos diversos no "Off Topics / Outros Assuntos".
Para inserir um vídeo (Youtube) em nossas mensagens, basta utilizar o botão "Youtube" (mostrado no tópico Conhecendo os elementos da tela).
Uma vez clicado esse botão, aparecerão as tags "youtube" na mensagem, daí basta digitar a url do vídeo que se deseja inserir.
Abaixo vemos um exemplo de como fica a mensagem digitada e como ela é exibida:

Mensagem digitada:


Resultado (como será exibida a mensagem digitada):



Clique aqui para voltar ao Índice.

[M客¡NhØ §åMµ®å¡]

Exemplo de uma mensagem utilizando TUDO oque foi visto até agora

Agora veremos um exemplo de uma mensagem criada utilizando tudo o que vimos até agora nesse tutorial.
Abaixo veremos o código da mensagem e logo depois a visualização da mensagem em si (como é exibida a mensagem):

Mensagem digitada:

Código: Selecionar todos

[b]Texto em NEGRITO.[/b] [i]Texto em ITÁLICO.[/i] [u]Texto SUBLINHADO.[/u]
[quote]Citação Simples.[/quote]
[quote="M客¡NhØ §åMµ®å¡"]Citação com o autor.[/quote]
[code]Exemplo de texto longo (poderia ser o conteúdo de um arquivo, por exemplo.[/code]
[list]
[*]Tópico 1
[list]
[*]SubTópico 1 do Tópico 1
[*]SubTópico 2 do Tópico 1
[/list]
[*]Tópico 2
[list]
[*]SubTópico 1 do Tópico 2
[*]SubTópico 2 do Tópico 2
[/list]
[/list]
[list=1]
[*]Tópico 1
[*]Tópico 2
[/list]
[list=a]
[*]Tópico 1
[*]Tópico 2
[/list]
[list=I]
[*]Tópico 1
[*]Tópico 2
[/list]
[img]https://www.brazilfw.com.br/forum/styles/prosilver/imageset/logo_bfw_jan18.png[/img]
[url=http://www.brazilfw.com.br]Exemplo de Link.[/url]
[size=150]Exemplo de Texto "grande"[/size]
[color=#FF0000]Exemplo de texto na cor vermelha.[/color]
[youtube]http://www.youtube.com/watch?v=SwAjjgoZI6U[/youtube]
 !+  :aplause:  dancing  :lol:  :mrgreen:  :o!  < O.O >


Resultado (como será exibida a mensagem cujo o código foi mostrado):


Texto em NEGRITO. Texto em ITÁLICO. Texto SUBLINHADO.

Citação Simples.

Citação com o autor.

Código: Selecionar todos

Exemplo de texto longo (poderia ser o conteúdo de um arquivo, por exemplo.

• Tópico 1
  
  • SubTópico 1 do Tópico 1
  • SubTópico 2 do Tópico 1
• Tópico 2
  
  • SubTópico 1 do Tópico 2
  • SubTópico 2 do Tópico 2

1. Tópico 1
2. Tópico 2

1. Tópico 1
2. Tópico 2

1. Tópico 1
2. Tópico 2

Exemplo de Link.
Exemplo de Texto "grande"
Exemplo de texto na cor vermelha.
Low quality version



Clique aqui para voltar ao Índice.