Voltar ao Ìndice de Guías (http://br.fenixzone.com/foro/index.php/topic,22710.0.html)
(http://imgfz.com/i/3NVK0Du.jpeg)
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.
(http://imgfz.com/i/p0JrQaf.png)
Aqui elas numeradas para eu poder explicar melhor passo a passo.
(http://imgfz.com/i/YG2HXEI.png)
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:
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:
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.
(http://imgfz.com/i/iGWURwa.png)
Basta selecionar o texto e em seguida escolher a fonte.
[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.
[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.
[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.
(http://imgfz.com/i/hMBO05A.png)
[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...
[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 (http://br.fenixzone.com/foro/index.php/topic,14216.0.html).
6
Fazendo Inserções
♦ Inserindo imagens ♦
(http://imgfz.com/i/orCvOsF.png)
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..
[img] [/img]Então voce deve inserir o link que o site forneceu, no meio desses dois códigos, assim..
[img] http://imgfz.com/i/j6EDGY0.png [/img]E o resultado será..
(http://imgfz.com/i/j6EDGY0.png)
♦ Inserir Link ♦
(http://imgfz.com/i/nkbgGiI.png)
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..
[url] [/url]Então voce deve inserir o link que queres que se redireciona, no meio desses dois códigos, assim..
[url] br.fenixzone.com [/url]E o resultado será..
br.fenixzone.com (http://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.
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 (http://br.fenixzone.com)
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:
[url=http://br.fenixzone.com] [img] http://imgfz.com/i/2CAnMbB.jpeg [/img] [/url] Resultado
(http://imgfz.com/i/2CAnMbB.jpeg) (http://br.fenixzone.com)
(Clique na imagem e será redirecionado ao site que eu escolhi)
♦ Inserir Email ♦
(http://imgfz.com/i/q72azbg.png)
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:
[email][email protected][/email]
Resultado
[email protected]♦ Inserir Link de FTP ♦
(http://imgfz.com/i/Ks3WHft.png)
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.
7Design do textoAqui 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:
Este texto será com brilho e pra ele ficar com brilho, temos que por ele assim [glow=red,2,300]Este texto ficará com brilho.[/glow] Agora o texto com sombra, ficá assim [shadow=red,left]Este texto ficará com sombra.[/shadow]
Agora o texto deslizando.[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 deslizando
Brilho com Sombra
8Design do texto 2Selecione o texto e clique no botão desejado.
Sobrescrito - Aquilo escrito sobre algo.
[sup]Aquilo escrito sobre algo.[/sup]Subscrito - Aquilo escrito embaixo de algo.
[sub]Aquilo escrito embaixo de algo[/sub]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 ♦
(http://imgfz.com/i/XHoIyze.png)
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.
(http://imgfz.com/i/maYB92J.png)
(http://imgfz.com/i/Y5Gs9Vi.png)
♦ Inserir Código ♦
(http://imgfz.com/i/9ZVblIx.png)
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..
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 ♦
(http://imgfz.com/i/ZFy3qoV.png)
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.
Para criar uma citação usamos o código [quote][/quote] e no meio colocamos o texto que ficará assim..
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:
Depois de "quode" coloque o sinal de igual(=) e em seguida o nome que você quer deixar [quote = Sophia Bittencourt] E ficará assim [/quote]
E ficará assim
10
Fazendo Inserções 3
♦ Inserir Lista Sem ordenação ♦
(http://imgfz.com/i/Gvzl32F.png)
Permite-lhe criar lista simples.
Clique no botão de inserir lista e aparecerá esses códigos.
[list]
[li][/li]
[li][/li]
[/list]
Voce deve inserir os itens da sua lista entre os [li ] [/li ]. Assim:
[list]
[li] Item 1 [/li]
[li] Item 2 [/li]
[/list]E ficará assim:
♦ Inserir Lista Ordenada ♦
(http://imgfz.com/i/ydokE3W.png)
Mesmo procedimento do passo a passo acima porem nessa lista os itens irão vir numerados.
♦ Régua Horizontal ♦
(http://imgfz.com/i/RCqPmES.png)
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 ♦
(http://imgfz.com/i/kOmBcMo.png)
Simples, apenas para apagar qualquer coisa do texto, para usar basta selecionar oque deseja apagar e clicar no botão.
♦ Alternar visualização ♦
(http://imgfz.com/i/livn35L.png)
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 (http://br.fenixzone.com/foro/index.php/topic,49455.0.html)