Autor Tópico: [Guia] Ferramentas de texto do fórum  (Lida 6338 vezes)

Offline Sophia Bittencourt


  • Usuario
  • Hero Member
  • *****

  • Posts: 1546
  • Respeito: +1082/-787
  • SOPHIA ~ INGRID HAIEK
    • Ver perfil
[Guia] Ferramentas de texto do fórum
« Online: 30 de Outubro, 2015, 04:19:21 pm »





FERRAMENTAS DE TEXTO DO FÓRUM



Explicação sobre o uso de ferramentas para criar tópicos,comentários e etc.
Irei ensinar pra que serve e como usar cada uma das ferramentas disponíveis.

Essas são as ferramentas disponíveis para usarmos.

Aqui elas numeradas para eu poder explicar melhor passo a passo.

1
Para formatar o texto.

Aqui encontramos os botões para deixar o texto negrito, itálico, sublinhado e traçado.

O uso é muito fácil, basta selecionarmos a parte do texto que deseja formatar e apertar o botão escolhido.
Exemplos:
Citação de: Sophia Bittencourt
Código: [Selecionar]
Este texto será em negrito e pra ele ficar em negrito, temos que por ele assim [b] este texto será em negrito [/b]
Se você quiser itálico, sublinhado ou riscado terá que fazer o mesmo .. apenas com o respectivo código.
[i] itálico [/i]
[u] sublinhado [/u]
[s] traçado [/s]

Negrito   -   Itálico  -  Sublinhado  - Traçado
E também podem combinar se quiseres
Negrito com Itálico  -  Itálico com Sublinhado  -  Sublinhado com Traçado  -  Traçado com Negrito



2
Acomodando a posição do texto.

Esse também é bem simples, o processo é completamente o mesmo que o acima.. selecione o texto e clique no botão referente a posição onde queira deixar texto. São apenas 4 posições e são elas:
"Texto Pré-formatado", "Alinhar à esquerda", "Centralizado" e "Alinhar à direita".
Exemplos:
Citação de: Sophia Bittencourt
Código: [Selecionar]
Este texto será centralizado e pra ele ficar em negrito, temos que por ele assim [center] este texto será centralizado [/center]
Outras posições
[pre]Texto Pré-formatado[/pre]
[left]Alinhar à esquerda[/left]
[center]Centralizado[/center]
[right]Alinhar à direita[/right]
Pré-formatado para quem não sabe o que é,  ele faz posiciono o texto de um jeito alinhado, ou seja, o texto está sempre entre duas linhas paralelas | texto | sem mais linhas. 
(Este texto está em Pré-formatado)

Alinhar à esquerda
Centralizado
Alinhar à direita


3
Fonte para o texto.

Esta parte é para voce escolher a fonte do seu texto, são 10 fontes diferentes.


Basta selecionar o texto e em seguida escolher a fonte.
Citação de: Sophia Bittencourt
Código: [Selecionar]
    [font=courier]Courier[/font] [font=arial]Arial[/font] [font=impact]Impact[/font] e assim sucessivamente...

Courier
- Arial - Arial Black - Impact - Verdana - Times New Roman - Georgia - Andale Mono - Trebuchet MS - Comic Sans MS



4
Tamanho da fonte.

Mesmo procedimento, basta selecionar o texto e em seguida escolher a tamanho.
Citação de: Sophia Bittencourt
Código: [Selecionar]
[size=8pt]8[/size] [size=10pt]10[/size] [size=18pt]18[/size]
8 - 10 - 12 - 14 - 18 - 24 - 36

Você também pode usar números que não estão na lista, por exemplo o 13 não esta, mas você pode usa-lo para o tamanho do seu texto.
Código: [Selecionar]
[Size=13pt]13[/size]

5
Cores para o texto.

Selecione a parte do texto que queira mudar de cor e escolha a cor desejada. São 14 cores.

Citação de: Sophia Bittencourt
Código: [Selecionar]
[color=black]Preto[/color]   [color=purple]Roxo[/color] [color=yellow]Amarelo[/color]
Creio que os exemplos já estão bastante claros, não a necessidade de usar cada cor aqui.
Também temos um truque, se você olhar para o painel de cor não tem a opção "Turquesa".. E se eu quiser a cor turquesa no seu texto, simples, olhem...
Código: [Selecionar]
[color=turquoise]TURQUESA[/color]
E pronto, ficará turquesa. Pode-se fazer com qualquer cor, basta editar o nome da cor e introduzir a cor que quiser com o nome da cor em Inglês. [Guia] Cores para o fórum FZ:RP.



6
Fazendo Inserções

Inserindo imagens


Aqui muitos acham complicado, sempre perguntam como podem fazer, porem é muito simples e eu vou explicar. Primeiro de tudo devem fazer a hospedagem da imagem usando o site http://imgfz.com/.

Após o upar a imagem do seu computador nesse site, o site vai fornecer um link .. assim como este http://imgfz.com/i/j6EDGY0.png (Note que sempre termina em .JPG / PNG / GIF {são as mais usadas}). Então, o que vamos fazer com este link para visualizar a imagem? Então, eu explico.
Clicando no botão de inserir imagem irá aparecer na caixa de mensagem assim..
Código: [Selecionar]
[img] [/img]
Então voce deve inserir o link que o site forneceu, no meio desses dois códigos, assim..
Código: [Selecionar]
[img] http://imgfz.com/i/j6EDGY0.png [/img]
E o resultado será..


Inserir Link

Esta ferramenta nos ajuda a ingressa em links que nos levam a outra página (Nunca faça SPAM ou poderá ser banido. Use-o para fazer por links de perfis de usuários do fz, de outro post .. etc.)
Clicando no botão de inserir hyperlink irá aparecer na caixa de mensagem assim..
Código: [Selecionar]
[url] [/url]
Então voce deve inserir o link que queres que se redireciona, no meio desses dois códigos,  assim..
Código: [Selecionar]
[url] br.fenixzone.com [/url]
E o resultado será..
br.fenixzone.com

A um outro método que deixará seu texto com link mais organizador, que é colocando o link ''dentro'' de uma palavra, para assim a pessoa que clicar na palavra, será redirecionada para o link desejado.
Para fazer isto, basta pegar o código obtido ao clicar no botão do Inserir Hyperlink e adicionar um sinal de igual(=) e logo ao lado a link que deseja que ingresse ao clicar e no meio dos códigos insira a palavra. Exemplo.
Citação de: Sophia Bittencourt
Código: [Selecionar]
Aqui o código original [url] [/url]
Aqui o código com o sinal de igual(=) [url=] [/url]
Aqui o código com o sinal de igual(=) mais o link que será redirecionado  [url=http://br.fenixzone.com] [/url]
Aqui o código com o sinal de igual(=) mais o link que redirecionado, mais a palavra que irão clicar [url=http://br.fenixzone.com] Site do Fenixzone [/url]

Resultado
Site do Fenixzone

Informação Extra: Também podemos combinar os passo a passo anteriores e criar uma imagem com hyperlink. Como? Eu explico agora.
Parece ser um pouco mais complicado, mas se você olhar .. não é. Nós faremos o mesmo passo anterior .. mas em vez de adicionar uma palavra, vamos introduzir uma imagem. Assim:
Código: [Selecionar]
[url=http://br.fenixzone.com] [img] http://imgfz.com/i/2CAnMbB.jpeg [/img] [/url]
Resultado

(Clique na imagem e será redirecionado ao site que eu escolhi)

Inserir Email


Essa ferramenta permite criar um link para um endereço email. Pode incluir um parâmetro opcional ou dar um 'nome' ao link. Indicará que a palavra usada é um email e caso alguém clique nele, será redirecionado ao office outlook que terá no pc ou qualquer outro programa de caixa de email. Ele é fácil de usar, basta clicar no botão e no meio dos códigos inserir o email. Assim:
Código: [Selecionar]
    [email][email protected][/email]

Resultado
[email protected]

Inserir Link de FTP

O FTP (File Transfer Protocol). Desde os primórdios da Internet, ele é o responsável por enviar arquivos para a web, porem é complicado de mexer, assim que tiver uma boa explicação eu adiciono aqui.



7
Design do texto

Aqui encontramos os botões para deixar o texto com brilho, sombra e deslizando.

O uso é muito fácil, basta selecionarmos a parte do texto que deseja formatar e apertar o botão escolhido.
Exemplos:
Citação de: Sophia Bittencourt
Este texto será com brilho e pra ele ficar com brilho, temos que por ele assim
Código: [Selecionar]
[glow=red,2,300]Este texto ficará com brilho.[/glow] Agora o texto com sombra, ficá assim
Código: [Selecionar]
[shadow=red,left]Este texto ficará com sombra.[/shadow]
Agora o texto deslizando.
Código: [Selecionar]
[move]Este texto ficará deslizando para o lado.[/move][/code]
Se você quiser com muda a cor do brilho e da sombra, basta editar o código tirando a cor original que é "red" e adicionando a nova cor, lembrando que terá que escrever o nome da cor em ingles.
Este texto ficará com brilho.
Este texto ficará com sombra.
Este texto ficará deslizando para o lado.
E também podem combinar se quiseres

Sombra deslizandoBrilho com Sombra




8
Design do texto 2

Selecione o texto e clique no botão desejado.
Citação de:  Sophia Bittencourt
Sobrescrito - Aquilo escrito sobre algo.
Código: [Selecionar]
[sup]Aquilo escrito sobre algo.[/sup]Subscrito - Aquilo escrito embaixo de algo.
Código: [Selecionar]
[sub]Aquilo escrito embaixo de algo[/sub]
Código: [Selecionar]
Teletipo - [tt]Só dá a ideia de um texto escrito com a máquina antiga chamada Teletipo.[/tt]Só dá a ideia de um texto escrito com a máquina antiga chamada Teletipo.



9
Fazendo Inserções 2

Inserir Tabela


Essa ferramenta seria para inserir tabela porem a código de preenchimento não esta funcionando para podermos usa-lo com mais utilidade e fazer isso.



Inserir Código


Para que serve? Bom, irei lhe explicar detalhadamente o uso dessa ferramenta de mostrar os códigos, me  refiro que aqui podemos colocar os códigos para que todos vejam, porem estando dentro da caixa de códigos. Lhe explico melhor..
Código: [Selecionar]
Digite o código que deseja que leiam dentro de [code] . [/code]
Quando quiser ensinar algum código do foro, (exemplo desejas ensinar o código de deixar em negrito), pegue o código de deixar em negrito e coloque entre os códigos CODE.
[code ] [code ] [b ] [/b ] [/code ]

Inserir Citação


Podemos usar para ordenar um pouco mais o texto quando iremos nos referir exatamente de comentário de outras pessoas ou informações vinda de outro lugar.
Citação de: Sophia Bittencourt
Código: [Selecionar]
Para criar uma citação usamos o código [quote][/quote] e no meio colocamos o texto que ficará assim..

Citar
Oi, eu sou uma citação.
Agora, se quiseres deixar ficar desse jeito com o nome de alguem .. (Por exemplo, eu coloquei Sophia Bittencourt) deve fazer isso:
Código: [Selecionar]
Depois de "quode" coloque o sinal de igual(=) e em seguida o nome que você quer deixar [quote = Sophia Bittencourt] E ficará assim  [/quote]
Citação de: Sophia Bittencourt
E ficará assim 



10
Fazendo Inserções 3

Inserir Lista Sem ordenação


Permite-lhe criar lista simples.
Clique no botão de inserir lista e aparecerá esses códigos.
Código: [Selecionar]
[list]
[li][/li]
[li][/li]
[/list]
Voce deve inserir os itens da sua lista entre os [li ] [/li ]. Assim:
Código: [Selecionar]
[list]
[li] Item 1 [/li]
[li] Item 2 [/li]
[/list]
E ficará assim:
  • Item 1
  • Item 2
Inserir Lista Ordenada


Mesmo procedimento do passo a passo acima porem nessa lista os itens irão vir numerados.
  • Item 1
  • Item 2
Régua Horizontal


Muito simples, a utilização desta ferramenta é para criar uma pequena linha para separar as coisas. Ele ajuda a dar um pouco mais de ordem e um aprimoramento visual de seu assunto. Para usa-la basta clicar no botão que logo irá aparecer o código e pronto.
LINHA 1

LINHA 2

LINHA 3





11
Ferramenta da Caixa de Texto

Remover Formatação


Simples, apenas para apagar qualquer coisa do texto, para usar basta selecionar oque deseja apagar e clicar no botão.

Alternar visualização


Para alterar a visualização da caixa de texto, adicionando e retirando barra de rolagem para os lados.




Bem, isso é tudo. Espero que sirva para muitos e para aqueles que tiverem uma pergunta, pode deixar nos comentários que se eu souber a resposta responderei com muito prazer, quem lembrar de algo que se precisa adicionar mas eu tenha esquecido, deixe um comentário abaixo por favor. Um abraço da Sophia a todos!





Outra coisa para você aprender

« Última modificação: 18 de Junho, 2016, 10:17:36 am por Sophia Bittencourt »
Manda mp na conta Ingrid Haiek.

Offline Leonardo Rhadkov


  • Usuario
  • Hero Member
  • *****

  • Posts: 2496
  • Respeito: +626/-631
  • Pare de procurar culpados, procure soluções.
    • Ver perfil
Re:[Guia] Ferramentas de texto do foro
« Resposta #1 Online: 30 de Outubro, 2015, 04:23:56 pm »
Otimo guia, +1.

Leonardo Rhadkov em todos os servidores.


Offline Tom Verlaine


  • Usuario
  • Hero Member
  • *****

  • Posts: 500
  • Respeito: +173/-143
    • Ver perfil
Re:[Guia] Ferramentas de texto do foro
« Resposta #2 Online: 30 de Outubro, 2015, 04:25:33 pm »
Ótimo guia, +1

Offline Yves Ludwig


  • Usuario
  • Hero Member
  • *****

  • Posts: 1915
  • Respeito: +1263/-260
  • entrosa nao
    • Ver perfil
Re:[Guia] Ferramentas de texto do foro
« Resposta #3 Online: 30 de Outubro, 2015, 04:40:37 pm »
Muito bom Sophia +1 falsa
𝚊𝚛𝚛𝚒𝚟𝚎𝚍𝚎𝚛𝚌𝚒 𝚙𝚊𝚐𝚕𝚒𝚊𝚌𝚌𝚒

Banido por GBUG

Everton pagliacci

Offline Sophia Bittencourt


  • Usuario
  • Hero Member
  • *****

  • Posts: 1546
  • Respeito: +1082/-787
  • SOPHIA ~ INGRID HAIEK
    • Ver perfil
Re:[Guia] Ferramentas de texto do foro
« Resposta #4 Online: 30 de Outubro, 2015, 04:42:26 pm »
Muito bom Sophia +1 falsa
Sou falsa mermo  ;D ;D
Manda mp na conta Ingrid Haiek.

Offline Franco Gabriel


  • Usuario
  • Sr. Member
  • ****

  • Posts: 453
  • Respeito: +98/-108
  • Gabriel Campos ®
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #5 Online: 30 de Outubro, 2015, 04:43:28 pm »
BOA GUIA VAI AJUDAR MUITOS



eu nau sabia escrever assim  :-*



Offline Sophia Bittencourt


  • Usuario
  • Hero Member
  • *****

  • Posts: 1546
  • Respeito: +1082/-787
  • SOPHIA ~ INGRID HAIEK
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #6 Online: 30 de Outubro, 2015, 06:55:51 pm »
Retribuo todos os +1
Manda mp na conta Ingrid Haiek.

Offline Luccas Fernandez


  • Usuario
  • Legendary Member
  • ******

  • Posts: 5036
  • Respeito: +1465/-627
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #7 Online: 30 de Outubro, 2015, 07:34:20 pm »
Bom guia, +1.  ;)

Ajudante - 22/08/2015
Moderador Canal Dúvidas - 01/03/2016
Moderador do Jogo(Banir) - 23/08/2016
Moderador do Jogo(Banir e Punir) - 20/09/2016


Offline Daniel Alexander


  • Usuario
  • Sr. Member
  • ****

  • Posts: 316
  • Respeito: +55/-55
  • bora, toma uma ?
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #8 Online: 30 de Outubro, 2015, 07:56:05 pm »
boa guia +1

Offline Dimitri Fuhrer


  • Usuario
  • Hero Member
  • *****

  • Posts: 632
  • Respeito: +41/-354
  • Volteii 2018
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #9 Online: 30 de Outubro, 2015, 09:25:09 pm »
bom aporte +1
voltei a jogar krllho: conta --> Karter_Jesus

Offline Johnie Harris


  • Usuario
  • Hero Member
  • *****

  • Posts: 645
  • Respeito: +124/-73
  • John Fellow
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #10 Online: 30 de Outubro, 2015, 09:58:41 pm »
otímo guia


Harry Mason - Johnie Harris - Johnny Deere - John Fellow


Atual John Fellow

Offline Mkhitaryan Blaszczyk


  • Usuario
  • Hero Member
  • *****

  • Posts: 1641
  • Respeito: +601/-297
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #11 Online: 30 de Outubro, 2015, 10:37:19 pm »
Boa guia, +1. Menina das guias...

Offline Zhyeim Szaick


  • Usuario
  • Hero Member
  • *****

  • Posts: 1826
  • Respeito: +731/-171
  • ?+† ? ŽH¥€I? ? †+?
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #12 Online: 31 de Outubro, 2015, 12:50:29 am »
Bao guia sophia. +1

Offline Charles Ricch


  • Usuario
  • Hero Member
  • *****

  • Posts: 1407
  • Respeito: +1183/-313
  • arkad
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #13 Online: 03 de Novembro, 2015, 12:45:54 pm »
Ótima guia, +1.
South Street Pacific Greens

MaxWell Hernandez - ArKadiy Weyrich - ArKadiy Haddad - Heydan VhanBroeck - Akhenaten Wheyorkeel


Offline Jeffrey Williams


  • Usuario
  • Hero Member
  • *****

  • Posts: 673
  • Respeito: +110/-59
    • Ver perfil
Re:[Guia] Ferramentas de texto do fórum
« Resposta #14 Online: 03 de Novembro, 2015, 01:47:56 pm »
Essa é a mina dos guia memo ein loko.
Fico devendo +1 Sophia, ja te devo uns 30mil mas tudo bem...kkk
Logo estarei de volta