11/10/2014

[Tutorial] BBcode


 Oi divas divosas vindas das divindades dos deuses (tô cô a moca).
Hoje eu vim aqui para ensinar principalmente as novatas, mas não só porque à muitas meninas que andam por aí e não sabem muita coisa sobre o assunto, há sempre coisas novas para descobrir!
Eu estou sem os materiais que já tinha baixado pela razão que vocês já sabem e então para facilitar as coisas (porque ia ser chato fazer um tuto do gimp sem as minhas coisinhas...).
Eu ia publicar o tutorial ontem mas houve um imprevisto por isso publico hoje!Usei a imagem de uma postagem da Tia Luh porque estava muito fofa.
Eu vi só hoje (dia a seguir a ter postado o tutorial) que havia um tutorial com o mesmo tema e peço desculpa por estar a maçar com a mesma coisa, no entanto eu já fui ver e o meu trata mais temas e de maneira mais completa por isso também não tem mal não é? (por favor digam que não tem mal para eu me sentir melhor)
Carreguem em ver mais para começarmos o tuto:





Então vou explicar tudo sobre:
 -Como colocar cores no texto
 -Como colocar texto arco-íris
  -Como colocar títulos
  -Como colocar vídeos
 -Como colocar imagens no perfil e/ou no fórum
  -Como centralizar o texto
  -Como usar links
  -Como usar o spoiler
  -Como deixar o texto em negrito, itálico ou sublinhado




Como colocar cores no texto:


 Colocar cores no texto é uma coisa básica e que quase todas as meninas (docetes) sabem! 
A vantagem de o texto ter cores é que fica mais bonito e mais bem apresentado...

Quando eu aprendi como se fazia, a minha primeira pergunta foi: "E como vou saber os códigos indicados para cada cor?" Ora a resposta é bem fácil... Existem vários sites de onde tirar o códigos, mas nem toda a gente sabe como colocar os códigos, porque na sua maioria eles têm diferentes códigos de acordo com o tipo de site em que os queremos utilizar! Eu vou deixar aqui o link daquele que eu mais uso: Aqui!
Neste site depois de escolherem a cor que querem (mexendo nas opções) copiamos o 1º código (neste caso eu escolhi um rosa bem fofo.) Já agora ignorem a publicidade    (XXXXXXXXXX) 

Depois de copiarem o 1º código que aprece (no meu caso o código é #FF80B7), coloquem-no entre as tags [color] , eu mostro!  (XXXXXXX) e que resultatá nisso: (XXXXXXX)

E tcharam!!! Está o código feito, mas agora vem aí o concelho da Besi (vou deixar um concelho em cada tema que tratarmos para que possam ouvir as minhas pequenas dicas) 

Concelho: Eu pessoalmente prefiro usar este tipo de código apenas para perfis e/ou quando criamos um tópico ou assim... Quero dizer que quando estamos a responder a uma mensagem privada, ou numa mensagem de tópico eu prefiro usar códigos mais simples que como são com palavras podemos decorar, eu pessoalmente uso mais estes 4:
[color=skyblue] Texto que quiserem [/color]
[color=hotpink] Texto que quiserem [/color]
[color=purple] Texto que quiserem [/color]
[color=pink] Texto que quiserem [/color]
A primeira deixa o texto num azul clarinho muito bonito, a segunda numa espécie de rosa choque super fashion, a terceira deixa o texto num roxo fofinho e a última deixa o texto num rosa clarinho super doce!

Experimentem!



Texto arco-íris:


Agora vamos a uma coisa que eu aadoro fazer! Texto arco- íris u.u !  É uma coisa bem fácil, ainda mais fácil que colocar cores no texto... No entanto á muito mais pessoas que sabem como colocar cores no texto do que as que sabem pôr o texto arco-íris, até porque o arco-íris não ica bem em todo o lado, né?
Bom, continuando para deixar o seu texto arco-íris basta abrir este site: Aqui! , e clicar em "raibow" no canto esquerdo, de seguida escreva  o seu texto em "Your Text" e depois de escrito em "Output Text" e então copiar o código que lá está e pronto, já está! Resultado: (XXXXXXX)

Concelho: Não abusem deste código porque exagerado fica horrível e faz doer os olhos! Usem-no apenas para citar coisas ou como titulo de algo mas para textos grandes não!

Experimentem! 



Como colocar títulos:


 Algo fácil e muito útil, não vou ficar com conversas como nos últimos e vou passar logo à ação (porque vamos no terceiro ponto e a mensagem já está enorme) .
Os títulos servem para o que o próprio nome indica: para servir de títulos!
Existem dois tipo de títulos chama-mos ao primeiro  "Title1" e ao segundo "Title2"...
Para se colocar o titulo 1 usamos o código:
[title1]Texto[/title1] 
Para o texto 2 é

[title2]Texto[/title2] 

E resultará nisso:(XXXXXXX)
 Concelho: Os títulos também ficam muito giros se mudarmos a cor nesse caso também é facil basta quando tivermos a escrever o texto colocarmos a tag "color"  do género:
[title1][color=purple]Texto[/color][/title1]
Experimentem!

Como colocar vídeos: 

Algo que usamos mais para o perfil ou em mensagens privadas...
Só temos de usar a tag "[youtube]" . Já agora... Só podemos usar vídeos que estejam no youtube, caso contrário não irá funcionar... Vamos passar logo ao código:

[youtube]link do vídeo[/youtube]


Exprimentem!


Como colocar imagens no perfil e/ou no fórum:

Deve ser das coisas mais úteis no Amor Doce e no entanto das mais fáceis...
Basta usarmos a tag "[img]" Como? Eu mostro

No caso de ser uma imagem que não está na internet (estar gravada no computador ou assim, como no caso das edições) é obrigatório usar sites que geremos códigos das imagens (não sei bem como dizer) , eu no caso prefiro o imgur, deixo aqui o link .
Depois de o site abrir carrega-se em "upload de imagens"  , escolhe-se o "browse your computer"  e depois escolhemos a imagem que queremos carregar , depois da imagem carregar copiamos o que está escrito no "BBCode (message boards e forums)" e basta colarem-no onde querem que ele apareça. Se for no caso de a imagem estar na Internet carreguem imagem com a parte direita do rato e de seguida em "Copiar url de imagem" e colem entre as tags img, assim:
[img] Url da imagem que querem pôr [/img]

Experimentem!

Como centralizar o texto:

Centralizar o texto é uma coisa que se usa bastante.... É bem fácil e na sua maioria torna os textos mais bonitos e bem organizados! Basta pôr o texto que desejam entre as tags "center" 
[center] Texto que desejam pôr [/center]

 Que resultará nisso:(XXXXXXX)

Experimentem!


Como usar links:

Este código serve para encurtar e embelezar as mensagens, quer no fórum quer as MP's. Quando quiserem usar links podem:
-Colocar links em forma de palavras
-Links inteiros (sem ficarem cortados com reticencias)
-Imagem como link

Links em forma de palavra:

O nome diz tudo e daqui a pouco tenho de ir dormir (em Portugal são 23:38) por isso vamos passar ao código:
[url=link] Texto a apresentar [/url]


Link inteiro:

O nome diz tudo por isso vamos ao código:
[url] Link [/url]

Imagem como link:

Como este não é tão claro como os outros eu explico: quando se usa este código, depois de se carregar na imagem somos redirecionados a um site ou a uma coisa assim... Código:
[url=link que querem][img]url da imagem[/img][/url]

Experimentem!

Como usar o spoiler:

Muito útil em postagens maiores... Quando usamos o código aparece uma caixinha com o titulo que vocês querem e assim que se carrega na caixinha aparece o texto que a pessoa pretende, assim:

Spoiler fechado

Spoiler aberto 

E o código é:
[spoiler=titulo que querem dar] Texto que querem pôr [/spoiler]

Experimentem!

Como deixar o texto em negrito, itálico ou sublinhado:

Vamos para o ultimo ponto!

Texto em negrito:
Para deixar o texto em negrito (não vale a pena estar a explicar o que é porque o nome diz tudo) usa-se este código:
[b]Texto que querem[/b]

Texto em itálico:
Para deixar o texto em itálico (não vale a pena estar a explicar o que é porque o nome diz tudo) usa-se este código:
[i]Texto que querem[/i]

Texto sublinhado:
Para deixar o texto em itálico (não vale a pena estar a explicar o que é porque o nome diz tudo) usa-se este código:
[u]Texto que querem[/u]

E pronto chegamos ao fim do tutorial que ficou enormeeeee, espero que tenham gostado (porque me deu um trabalhão e demorou horas a ser feito e já passam 6 minutos da meia noite em Portugal e estou cansada), se gostaram deixem a opinião nos comentários, se não gostaram deixem a opinião nos comentários e até à proxima! Beijinhos!

2 comentários :

  1. Realmente me ajudou muito,já que eu não entendo muito bem os códigos.Eu queria um perfil bem organizadinho e etc,por isso resolveu muita coisa.Sempre acompanho seus posts,eles ajudam muito.Beijinhos ♥

    ResponderExcluir
    Respostas
    1. Oh, muito obrigada!
      É sempre bom saber que ajudamos alguém!
      No final eu achei que ninguém ia ler porque quase todas as meninas do ad já sabem tudo sobre isto, foi bom saber que estava errada... Beijinhos!

      Excluir

Leia a nossa página de Regras antes de comentar, por favor :3