InícioCalendárioPodcastFAQBuscarMembrosGruposConectar-seRegistrar-se

Compartilhe | 
 

 [TUTORIAL] Códigos de Formatação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Mayara
Administração
Administração
avatar

Mensagens : 4895
Data de inscrição : 16/01/2011
Idade : 28
Localização : Congonhas - MG

MensagemAssunto: [TUTORIAL] Códigos de Formatação   Dom Fev 20 2011, 18:46

Para se fazer certas coisas no post, como quotar, colocar uma caixinha de spoiler, criar links, deixar o texto em itálico, sublinhado, entre outras coisas, é preciso se usar códigos de formatação. É super chato no início, mas depois que nos acostumamos, fica tudo tranquilo.
Vou colocar aqui um tutorial do próprio Forumeiros para a galera que não está acostumada a usar os códigos irem se habituando, ok? Wink Então vamos lá!

Introdução

Guia do BBcode

O que é BBCode?
O BBCode é a abreviação de Bulletin Board Code. Consiste, na verdade, em uma implementação do HTML. A avtivação do uso do BBCode é determinado pelo administrador. Você pode desativar o BBCode em uma mensagem no momento da elaboração da mensagem. O BBCode é, nele mesmo, similar ao estilo HTML, os seus elementos, balisas, são delimitados por colchetes [ e ] , ao invés de < e >, e oferecem um melhor controle sobre como a informação será visualizada. De acordo com o modelo de documento que você lê, você pode adicionar BBCode às suas mensagens através de uma interface de botões clicáveis acima da caixa de texto. Neste sentido, o guia abaixo será útil .

Formatação do texto

Criar um texto em negrito, itálico, sublinhado ou riscado
O BBCode compreende balisas que lhes permite modificar rapidamente o estilo do seu texto. Isto se faz das seguintes maneiras :

  • Para colocar uma parte do texto em negrito:

Código:
[b]Olá[/b]
Resultado: Olá

  • Para sublinhar um texto:

Código:
[u]Surpresa[/u]
Resultado: Surpresa

  • Para colocar uma parte do texto em itálico:

Código:
[i]Genial![/i]
Resultado: Genial!

  • Para barrar um texto:

Código:
[strike]teste[/strike]
Resultado: teste

Modificar o tamanho, a cor ou a fonte do texto
Para modificar a cor, o tamanho ou a fonte do seu texto, as seguintes balisas podem ser utilizadas (lembre-se sempre que o resultado do texto dependerá do seu navegador e do seu sistema operacional):
  • Para modificar a cor do seu texto, você pode especificar seja o nome da cor reconhecida (ex: red, blue, yellow, etc.), ou através de código cor hexadecimal (ex: #FFFFFF, #000000):

Código:
[color=red]Cor vermelha (red)[/color] ou [color=#FF0000]Cor vermelha (#FF0000)[/color]
Resultado: Cor vermelha (red) ou Cor vermelha (#FF0000)

  • Para modificar o tamanho do seu texto realizado, você deve especificar o tamanho do texto em pixels, de 1 (tão que pequeno que não será visível) até 29 (muito grande):

Código:
[size=9]PEQUENO[/size] ou [size=24]ENORME[/size]
Resultado: PEQUENO ou ENORME

  • Para modificar a fonte, você deve especificar uma fonte reconhecida (ex.: Verdana, Arial), se um usuário não dispõe desta fonte uma outra lhe será disponibilizada par défaut :

Código:
[font=Arial]Fonte Arial[/font] ou [font=Comic Sans Ms]Fonte Comic Sans Ms[/font]
Resultado: Fonte Arial ou Fonte Comic Sans Ms

Posso combinar as balisas na formatação?
Sim, claro que você pode, por exemplo, para atrair a atenção de alguém, você pode escrever:
Código:
[size=18][color=red][b]OLHA PRA MIM ![/b][/color][/size]
para ter: OLHA PRA MIM !

Porém, nós não aconselhamos escrever muito texto como aqui acima! Lembre-se de que é você o responsável em garantir a boa abertura e fechamento das balisas. Por exemplo, isso é correto:
Código:
[b][u]Isto é normal[/b][/u]
A forma que melhor convém é :
Código:
[b][u]isso é correto[/u][/b]

Citação e texto em fonte única

Citação nas respostas
Existem dois métodos para citar um texto, com ou sem referência.
  • O exemplo da referência, para citar um texto escrito pelo Senhor Silva, você deverá digitar :

Código:
[quote="Senhor Silva"]Aqui deverá ser digitado o texto escrito pelo senhor Silva[/quote]
Resultado:
Senhor Silva escreveu:
Aqui deverá ser digitado o texto escrito pelo senhor Silva
Lembre-se de que você deve incluir as aspas " " em volta da referência que você faz.
  • O segundo método permite citar qualquer texto sem fazer referência ao autor. Para isso :

Código:
[quote]Citação sem referência[/quote]
Resultado:
Citação :
Citação sem referência

Por enquanto vou deixar apenas esses códigos, mais tarde postarei o restante. Para quem quiser olhar os outros códigos, pode acessar esse link:
http://jeannieeumgenio.forumeiros.com/faq?mode=bbcode

---------------------------
Voltar ao Topo Ir em baixo
http://afeiticeira.forumeiros.com/
 
[TUTORIAL] Códigos de Formatação
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Fazendo seu aplicador de Static Grass - Tutorial em português
» Tutorial, como potar vídeos a partir do youtube !
» Tutorial diorama carro !
» Tutorial de moldagem em borracha de silicone
» Código que acompanha os novos Cloths. Dúvida!

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: Sobre o Fórum :: Sala do fórum-
Ir para: