Aprendendo a postar - Como utilizar as ferramentas.

Tutoriais Diversos em Português

Aprendendo a postar - Como utilizar as ferramentas.

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 12:49 am

    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...


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).

Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Conhecendo os elementos da tela

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 12:56 am

:arrow: Conhecendo os elementos da tela

Imagem

  • Conhecendo a Barra de Ferramentas:

    Imagem
    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. :mrgreen:
  • Conhecendo os "botões de ações":

    Imagem
    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é? :mrgreen: Serve para "postarmos" definitivamente.

:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Exemplos de formatação de texto

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 1:02 am

:arrow: 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:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Formatação de fonte (tamanho de fonte):

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Formatação de fonte (cor da fonte):

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem



:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

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

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 1:23 am

:arrow: 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:
Imagem

Resultado (como será exibida a mensagem digitada):
Imagem


:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Inserindo "citações" na mensagem

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 1:40 am

:arrow: 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:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Citação "Completa" (com o autor do trecho original):

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Criando listas na mensagem

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 2:09 am

:arrow: 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:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Lista "simples" dentro de outra lista "simples":

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Lista "ordenada" por números:

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Lista "ordenada" por letras:

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

  • Lista "ordenada" por números (algarismos romanos):

    Mensagem digitada:
    Imagem

    Resultado (como será exibida a mensagem digitada):
    Imagem

:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Acrescentando um link na mensagem

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 2:22 am

:arrow: 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:
Imagem

Resultado (como será exibida a mensagem digitada):
Imagem


:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Acrescentando imagens na mensagem

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 2:32 am

:arrow: 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):
Imagem

:arrow: Clique aqui para voltar ao Índice.
Editado pela última vez por brunovescovi em Qui Jan 26, 2012 11:43 am, em um total de 1 vez.
Razão: A imagem original http://www.brazilfw.com.br/forum/styles/prosilver/imageset/logo_bfw.png não existe mais. Foi alterada por outra para manter o objetivo do tutorial.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

Acrescentando vídeos (Youtube) nas mensagens

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 2:39 am

:arrow: 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:
Imagem

Resultado (como será exibida a mensagem digitada):
Imagem


:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)

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

Mensagempor M客¡NhØ §åMµ®å¡ » Sáb Jul 03, 2010 2:50 am

:arrow: 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.

M客¡NhØ §åMµ®å¡ escreveu: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
Imagem
Exemplo de Link.
Exemplo de Texto "grande"
Exemplo de texto na cor vermelha.
Low quality version
!+ :aplause: dancing :lol: :mrgreen: :o! < O.O >


:arrow: Clique aqui para voltar ao Índice.
Utilize a busca do fórum! Ela é sua amiga!
Não dou suporte via MP ou MSN para ninguém. Por favor, não insista. (Para que existe o fórum?)
É novo aqui? É "antigo" e mesmo assim está perdido?
Então leia:
Avatar do usuário
M客¡NhØ §åMµ®å¡
BFW Developer
BFW WebServer
BFW Beneméritos
BFW Add-on Developer
BFW Moderator
BFW Manager
 
Mensagens: 4111
Registrado em: Qua Abr 08, 2009 11:06 am
Localização: Rio de Janeiro
BrazilFW Box: Máquina Física
CPU: AMD Athlon(tm) II X2 215 Processor
Memória: 1 GiB / Link 50 MB
BFW 3.0.262 64 bits.
Serviços Ativos: DNS, DHCP
Addons: Samba, Pure-FTPd (no certified), BFW WebServer (no certified)


Voltar para Tutoriais Diversos

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante

cron