Fórum

Páginas : 1

#1 16-09-2020, às 09h49

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://66.media.tumblr.com/896b3d95a4d4161e706354781680bd83/7d61602e1e383cac-8c/s640x960/c310bf8fbbe285aa8d44d9ad15049730bbf3b3e6.png

O BBCode é uma das linguagens mais utilizadas em fóruns, e serve para formatar ou adicionar efeitos nas mensagens (posts). Os códigos, chamados de tags, sempre estão dentro de colchetes, que indicam seu início ([código]) e seu final ([/código]).

O motivo dele ser tão usado nos fóruns é porque a sua origem vem do inglês a linguá universal tornando fácil a sua utilização. Como por exemplo: B = Bold (negrito), U = Underline (sublinhado) e por aí vai. A boa noticia é que mesmo os códigos vindo do inglês eles são simples e por isso mesmo que você não saiba muito do inglês terá facilidade em se lembrar deles conforme for utilizando-os.

Existem muitos BBcodes, porém nem todos estão habilitados para a utilização no fórum do jogo como mudar o tamanho da letra e o riscado. O motivo é evitar a poluição visual do fórum e o número de floods. Por este motivo caso você participe de outros fóruns de uma olhada nesta lista pois talvez algumas das formatações que você utiliza não tenham o código ativado aqui.

Aqui está a lista de tags disponíveis em nosso fórum, e como usar cada uma delas. Para ir ao post, basta clicar em cima da tag desejada:

https://i.imgur.com/4zuGnbV.png

Texto colorido
Negrito, Itálico e Sublinhado
Centralizado
Como usar títulos
Imagens no fórum
Como usar links
Como ''citar'' uma guardiã
Como usar o spoiler
Como usar o code
Como colocar vídeos

https://i.imgur.com/4zuGnbV.png

Offline

#2 16-09-2020, às 09h50

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/434862a6cbc86dcd566adeaf5bb28011/c63a4ad4171bafc6-4a/s400x600/a8fe1b15dbe449ac6b73bd9a0a4d37bc32617dd3.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

Para deixar o seu texto mais bonito, ao abrir um tópico no fórum por exemplo quanto mais bonito e organizado ele estiver melhor. As moderadoras do jogo utilizam um sistema de cores – um para cada moderadora – para facilitar a visualização sobre quem está falando.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar

Para deixar o texto com a cor escolhida, utilize o código abaixo. Algumas cores como red, chocolate, blue estão habilitadas para funcionar com palavras chaves, para outras será necessário utilizar o código HTML.


[color=red]texto[/color]
[color=#FF0000]texto[/color]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como eu sei quais são as cores no código HTML?


Você pode conseguir o código da cor escolhida por dois caminhos, um é consultando uma tabela como esta.

Ou você pode ir em um programa de edições, na parte onde você edita a cor podendo subir ou descer com a mesma o código aparece, como mostrado abaixo. O do exemplo é o do photoshop porém em outros programas de edição a ideia é semelhante.

https://i.imgur.com/4zuGnbV.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Eu coloquei o código certo, mas a cor não foi porque?

O BBcode tem uma ordem de hierarquia no código, entre as regras está a de não cortar os códigos no meio o que pode desativá-los como por exemplo:


[center][color=red]Inicio do texto[/center]fim do texto[/color]
[center][color=red]texto[/center][/color]


Para mudar o código você deve ir fechando-o em escada de dentro para fora, tente se lembrar das regras de etiqueta em jantares isto pode ajudá-la. Outra coisa é que o código de cor deve estar sempre no centro, isto é o último a ser colocado e o primeiro a ser tirado.


[i][center][color=chocolate]texto[/color][/center][/i]


Dica: Quer escrever em "arco-íris"? Basta ir neste site aqui e no Passo 2 escolher: "Cores do arco-iris". Em seguida, escreva o que quer que fique colorido no Passo 1, e logo abaixo do Passo 5 haverá uma caixa branca com o seu código já feito!

Dica: Evite usar cores muito claras ou brilhantes que incomodem a vista, isso ira dificultar que o seu texto seja lido, então deste modo em vez de deixá-lo mais bonito para chamar a atenção das pessoas, elas nem ao menos conseguiram ler o que você diz.

Offline

#3 16-09-2020, às 09h50

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.pnghttps://66.media.tumblr.com/c4dad761ac2042386aaca33f9be530bb/c63a4ad4171bafc6-b1/s640x960/d67aa892fc2e4e890e810aa18e2827ee39a96c9a.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

Você pode utilizar o negrito, itálico ou o sublinhado para destacar certa palavra ou frase.
Como na linguagem escrita não existe a entonação de voz, que usamos na fala para dar certo sentido a uma palavra ou frase, estes três códigos também podem lhe ajudar a conseguir isso em sua fanfic, RPG, ou até mesmo em suas postagens no fórum.
Como por exemplo você pode usar o negrito para chamar a atenção de algo, indicar a sua fala em um RPG. Existem milhares de possibilidades.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar:

Negrito

Para deixar um texto em negrito basta utilizar o código a baixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.


[b]texto em negrito[/b]


Itálico

Para deixar um texto em itálico, aquela letra levemente curvada e no geral fina pode-se utilizar o código abaixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.


[i]Texto em itálico[/i]


Sublinhado

Para deixar um texto em sublinhado, dando enfoque ao que foi escrito por exemplo, basta utilizar o código abaixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.


[u]Texto Sublinhado[/u]

Offline

#4 16-09-2020, às 09h50

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/21c481df13c286ed4bf38680bf696920/0453f60f8c24a0bd-d7/s400x600/cbadf3c25e484f8c57d39ca7a90bbf2391bca489.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

Assim como as funções anteriores ele serve para deixar o seu texto mais bonito esteticamente. Ele pode ser combinado com outros códigos para ter a mesma função de embelezar o texto.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar:

Para deixar um texto ou imagem centralizado basta utilizar o código abaixo:


[center]texto centralizado[/center]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Eu posso combiná-lo com todos os códigos?

Infelizmente não, ele se comporta de forma diferente se combinado com diferentes códigos. Ao colocá-lo junto ao código da imagem a imagem fica centralizada.
Dentro da caixa quote, você deixa a caixa quote rosa, caso coloque dentro da caixa spoiler a função de ocultar o texto irá sumir a partir do momento centralizado então cuidado.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png O meu código parou de funcionar no meio do texto, porque?

Muitas vezes ao ser misturado com um novo código (como quote, ou code) o texto para de centralizar a partir deste ponto. Para isto basta tirar o código a partir do momento que ele não funciona e abrir um novo.


[center]texto normal
[quote]recado em quote[/quote]
[/center][center]fim do texto[/center]

Offline

#5 16-09-2020, às 09h50

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/063a0065b50844d026230bb6430305d4/3ee185e85d80337d-f1/s400x600/84151a64bb9a1657f473228e30072f4865aa68e6.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

Os títulos servem para chamar a atenção quanto ao nome do tópico, assim como o subtítulo para dar um destaque maior. Você pode usá-lo ao abrir um jogo, fanfic, RPG de diversas maneiras para deixar o seu tópico mais claro, visível e bonito.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar?

No nosso fórum há duas opções de títulos, o titulo principal e o title1 enquanto o secundário em uma letra menor e um pouco menos chamativa é o title 2. Abaixo o código de ambos.


[title1]titulo principal[/title1]
[title2]titulo secundário[/title2]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Eu posso combinar o código com outros códigos?

Sim, você pode combiná-lo com praticamente todos os códigos, pode deixá-lo em quote, spoiler, sublinhado, negrito itálico e mudar a sua cor.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como eu mudo a cor?

Para alterar a cor basta colocar o código do titulo e dentro colocar o da cor, lembrando que no title1 o que muda é a cor de dentro, o traço verde por fora é impossível de ser alterado.


[title1][color=#00BFFF]Com cor[/color][/title1]
[title2][color=blue]Com cor 2[/color][/title2]

Offline

#6 16-09-2020, às 09h50

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/5cec78d86fb6e4a4f70fd2e566d4c249/c63a4ad4171bafc6-d8/s400x600/e1fca0e73e3b1538be5244d9503216f2e438a070.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

Você usa este código para colocar a sua assinatura no fórum, embelezar o seu perfil, a sua fanfic, jogar RPGs (o famoso crachá) ou criar um RPG já que um dos itens obrigatórios é uma lista de lugares.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar:

Basta utilizar o código a baixo, lembrando que você precisa utilizar o link direto da imagem.


[img]link da imagem[/img]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Mas como eu consigo o link direto da imagem?

Para conseguir o link direto da imagem, posicione o mouse sobre a imagem e clique com o botão direito, uma aba irá se abrir com algumas opções. Clique em selecionar o link direto da imagem.

Após fazê-lo, digite o código e cole o link que agora tem salvo.

Offline

#7 16-09-2020, às 09h51

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/a057109ec492dfa1bd350251c986173b/c63a4ad4171bafc6-ab/s400x600/f6296cf600717c37548e0d41b0e8718fa1219247.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve:

Este código serve para que você mande um link redirecione alguém para uma página especifica sem ter que ficar colocando um link no meio do texto. Isto serve para deixar o texto mais bonito e ajudar na compreensão do mesmo. Além disso em caso de links muito grandes ele pode reduzido ou evitar que o mesmo fique cortado.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Link inteiro:

Este código serve para que o link aparece inteiro na postagem, não apenas cortado e com ... no meio do texto, utilize este código:


[url]link[/url]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Link em forma de palavra

Você pode utilizá-lo no meio de um texto por exemplo, transformando uma das palavras em um link basta a pessoa clicar que será direcionada a página. É um pouco mais complicado mas muito útil, você pode vê-lo em várias postagens e perfis pelo fórum.


[url=link]palavra chave[/url]


https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Imagem como link

Este código é muito utilizado para que ao clicar em uma imagem a pessoa seja direcionada para um determinado link. Muitas guardiãs os usam em assinaturas do fórum para que ao clicar nelas as outras guardiãs sejam redirecionadas para um link de uma fanfic ou clube.


[url=link da página][img]link da imagem[/img][/url]

Offline

#8 16-09-2020, às 09h51

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.pnghttps://66.media.tumblr.com/a5aed38b1fc59622c3baaa2c3d6e7364/c63a4ad4171bafc6-e3/s640x960/bb6104d481508881299b07622a9b22d504722da6.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png O que é

A caixa quote é usada principalmente ao citar algo que outra guardiã falou antes no fórum, ou responder a um comentário. A caixa quote também é usada obrigatoriamente no Box de regras do fórum.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Citação direta

Este tipo de citação é usada quando o objetivo é citar exatamente o que a outra guardiã disse e que o nome da autora e da frase ficará no código como por exemplo, uma guardiã comentou na sua fanfic e você planeja responder ao comentário é mais fácil se já aparecer em cima o comentário dela, não?


[quote=@guardiã]comentário dela na sua fanfic[/quote]


Uma maneira mais fácil de fazer uma citação direta é clicando em citar em baixo do comentário que deseja citar, na parte de respostas o código já estará todo pronto.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Citação indireta:

Já neste tipo de citação, o nome de quem falou a frase não aparece. Este tipo de citação é bastante usado nas regras da seção, de um RPG, no box das monitoras e para chamar a atenção de um determinado tópico.


[quote]texto[/quote]

Offline

#9 16-09-2020, às 09h51

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/29f43d2ec34d375b871c2e8ac0654048/736f8a7af67c40e6-72/s400x600/7000c4edf945643521194f0dc7e8158698b14e5a.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para que serve?

O spoiler é um código que deixa o texto/imagem/vídeo “escondido”. A palavra spoiler se refere a qualquer parte (pode ser uma imagem, fala, vídeo, etc.) de uma obra (filme, série, anime, livro...) que revela algo importante do enredo e, por isso, não deve ser mostrado abertamente, para não estragar a surpresa de quem ainda não viu/leu.

Aqui no fórum ele é usado muitas vezes para organizar melhor o perfil, um fórum ou nas fanfics por exemplo onde os capítulos são muito grandes e por este motivo é melhor deixá-los em spoiler. Assim facilita até mesmo a leitura, o código parece complicado mas na realidade é bem simples.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como utilizá-lo

Você pode escolher utilizá-lo com ou sem titulo, o mais comum é colocar um titulo para indicar o que está dentro do spoiler. Lembrando que spoilers de imagens do jogo assim como de assunto sensível são proibidas no fórum mesmo dentro desta caixa.

É possível utilizar outros códigos dentro deste, porém se colocar o código center a função de desaparecer o texto será desativada.


[spoiler=sempre dê um título]texto[/spoiler]

Offline

#10 16-09-2020, às 09h51

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/b69dd614e5d4ca402fc6fee7e14d7a35/736f8a7af67c40e6-48/s400x600/5c93d080097ef7b93c4472ad297b9fcd65ad2992.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para o que serve?

O código code foi utilizando durante todo este tutorial para que os códigos que foram mostrados ficasse visíveis de um modo que bastasse copiar e colar de dentro da caixa para se obtê-lo. Está é a função do code, poder passar um código para outra guardiã.
Por exemplo você montou um perfil para a sua amiga, se quiser você já pode mandar todo o código do perfil pronto dentro desta caixa de modo que ela só precise copiar e colar.

Infelizmente não é possível utilizar o código code dentro de outro code, por isto desta vez o código estará com * no meio, para visualizar o código basta retirá-los e terá o mesmo.

[*code]texto com códigos[*/code]

Offline

#11 16-09-2020, às 09h51

Guarda Reluzente
EquipeForum
ModeraEel
EquipeForum
...
Mensagens: 492

https://i.imgur.com/tgpAiab.png
https://66.media.tumblr.com/1ad73b3bd1a026d07c3e912187235ac5/736f8a7af67c40e6-b7/s400x600/c224500a5d7911464f9a8fd096ae129be0fa3078.png
https://i.imgur.com/tgpAiab.png

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Para o que serve?

Você quer dar um vídeo de presente para uma amiga? Colocar uma trilha sonora na sua fanfic ou mostrar em qual clipe o seu RPG foi baseado? Existem várias possibilidades de momentos para utilizar este código, porém devo lembrar para que tenham cuidado com o conteúdo tanto de som quanto de imagem para que não acabe entrando em um assunto sensível.

https://66.media.tumblr.com/5a6735e5ce60abc45251ab5feb4a0e73/tumblr_pyd96e1zYN1v2lf4bo1_75sq.png Como usar

necessário, primeiramente, que o vídeo esteja hospedado no youtube. Caso ele esteja hospedado no seu computador ou em outro site o vídeo não irá funcionar, então será necessário achá-lo no youtube ou cadastrá-lo no site.

Já com o link do vídeo no youtube utilize o código abaixo:


[youtube]link[/youtube]



https://66.media.tumblr.com/1e8739bb440c2fdd1fd077cbe9d55f20/tumblr_pyd9c1f9dr1v2lf4bo1_250.png

Créditos do tópico a Libitina, o tópico atual é uma atualização do antigo feito por ela
e a Paullete pela adaptação dele

Offline

Páginas : 1