Neste Post Vou explicar como usar o bbcode de maneira facil e eficaz, em 2 partes.
Numa primeira parte explicarei o que é o BBCode e como funciona e numa segunda parte como o utilizar de maneira facil e simples.
1º Parte
O que é BBCode?
BBCode é uma implementação especial da linguagem HTML. O próprio BBCode é similar em estilo ao HTML, as TAGs são incluidas entre colchetes “[exemplo]”, em vez de “<exemplo>”, proporcionando uma maior facilidade na formatação de suas mensagens. A tarefa de adicionar BBCode às suas mensagen é facilitada pelo uso de um link colocado imediatamente à direira da caixa principal das mensagens, onde você pode escolher e aplicar os vários itens para o código que pretenda aplicar. Apesar da existência desse painel, tenha certeza que este guia lhe será útil.
Como criar texto em negrito, itálico e sublinhado?
O BBCode inclui TAGs que lhe permitem mudar rapidamente o estilo básico do texto. Isto é possível das seguintes formas:
* Para tornar uma parte de texto em negrito, basta incluí-la entre as TAGs
, ou seja:
[*b]Olá[*/b] - os * encontram se no codigo para o mesmo ser visivel.
passará a ser
Olá
* Para sublinhar use
, por exemplo:
[*u]Bom Dia[*/u] - os * encontram se no codigo para o mesmo ser visivel.
passa a ser
Bom Dia
* Para tornar o texto em itálico use
, ou seja:
Isto é [*i]Óptimo![*/i] - os * encontram se no codigo para o mesmo ser visivel.
resulta em: Isto é
Óptimo!
Como mudar a cor ou o tamanho do texto?
Para alterar a cor ou o tamanho do texto devem ser usadas as seguintes TAGs. Ter em mente que a forma como aparecerá no monitor de cada visitante depende do navegador ou do sistema que use:
* A mudança da cor do texto é feita englobando-o em
terá de especificar o nome de uma cor conhecida (terá que ser em inglês) (por exemplo, red, blue, yellow, etc.)
Por exemplo, para criar texto em vermelho [*color=red]Olá![*/color] - os * encontram se no codigo para o mesmo ser visivel.
resulta em:
Olá!
* A mudança do tamanho do texto pode ser feita de uma forma similar, usando
. O formato recomendado é um valor numérico representando o tamanho de texto.
Por exemplo: [*size=5]ENORME![*/size] - os * encontram se no codigo para o mesmo ser visivel.
resulta em:
ENORME!
Posso combinar TAGs de formato?
Sim, claro que pode, por exemplo, para chamar a atenção de alguém, você poderá escrever:
[*size=5][*color=green][*b]OLHE PARA MIM![*/b][*/color][*/size] - os * encontram se no codigo para o mesmo ser visivel.
que irá aparecer como
OLHE PARA MIM!
No entanto, não recomendo o uso de muito texto da forma que acabamos de descrever! Lembre-se que depende de você, o autor da mensagem, assegurar que os códigos sejam colocados corretamente. Por exemplo, isto está incorreto:
[*b][*u]Isto está errado[*/b][*/u] - os * encontram se no codigo para o mesmo ser visivel.
Criar um atalho para outra página/site
O BBCode aceita um número variável de formas para criar URIs (Indicadores de Recursos Uniformes) melhor conhecidos como URLs.
* A primeira dessas formas é usando a TAG
, o que quer que escreva depois do sinal = faz com que o conteúdo dessa TAG aja como um URL. Por exemplo, para fazer uma ligação ou atalho à página magictuga.com usa-se:
[*url=http://www.magictuga.com/]Visite o Magictuga![*/url] - os * encontram se no codigo para o mesmo ser visivel.
Isto irá resultar no atalho seguinte:
Visite o Magictuga!. Veja que a página irá abrir na mesma janela ou em uma janela nova, dependendo das preferências de browser dos usuários.
* Se pretende que o URL esteja à vista, faça simplesmente isto:
[*url]http://www.magictuga.com/[*/url] - os * encontram se no codigo para o mesmo ser visivel.
Tal resultará no seguinte atalho:
www.magictuga.com//
Adicionar uma imagem a uma mensagem
O BBCode incorpora uma TAG para incluir imagens nas suas mensagens. Dois fatores muito importantes devem ser lembrados quando se usa estas TAGs: Primeiro, que a maioria dos usuários preferem não ver muitas imagens em mensagens; segundo, a imagem que pretende mostrar deverá existir na internet (por exemplo, não pode existir apenas no seu computador, a menos que tenha alojado a mesma imagem na web!). Para mostrar uma imagem você terá que envolver a URL da imagem com as TAGs [img][/img]. Por exemplo:
[*img]http://www.google.com/intl/en_ALL/images/logo.gif[*/img] - os * encontram se no codigo para o mesmo ser visivel.
Tal resultará no seguinte:
É possível englobar uma imagem com a URL [url][/url] se assim o desejar, ou seja:
[*url=http://www.google.com/][*img]http://www.google.com/intl/en_ALL/images/logo.gif[*/img][*/url]- os * encontram se no codigo para o mesmo ser visivel.
Tal irá produzir:
Em relação ao formato das TAGs está totalmente dependente de você assegurar a ordem correta de início e fechamento, por exemplo:
[*url=http://www.google.com/][*img]http://www.google.com/intl/en_ALL/images/logo.gif[*/url][*/img]- os * encontram se no codigo para o mesmo ser visivel.
Não é correto, o que pode conduzir à sua mensagem ser removida por algum moderador ou Administrador. Como tal tenha cuidado.
2º Parte
Esta segunda parte então eu vou explicar qual a maneira de usar o bbcode de maneira facil e rapida.
Pra isso terão de adicionar um conjunto de macros feitas por mim ao vosso Office.
Essas macros podem fazer o Download
AQUI
Como adicionar as macros ao meu Office?
OFFICE 2007
1º Fazem o download.
2º Descompactizam o ficheiro com rar.
3º Abrem o Word
4º Clicam Alt+f11 para abrir o editor de Visual Basic.
5º Dentro do Visual basic clicam Arquivo depois em importar arquivo e escolhem o ficheiro que descompactizaram do rar.
6º Ainda dentro do Visual basic clicam em salvar normal para ficarem com as Macros no Office, fechem o Visual Basic.
7º Agora dentro do Word vamos predefenir as macros, por isso cliquem com o lado direito do rato em cima da barra de farramentas e escolham a opção barra de ferramentas de acesso rapido. o que devera aparecer uma imagem assim:
8º Onde diz escolher comandos de: escolhem a opção MACROS assim vao ver tds as macros como demonstra a seguinte imagem:
9º Agora vamos denominar tds as macros e por tds em acesso rapido para isso e so clicarem na macro e na seta que a copia para a tabela de acesso rapido depois clica se em modificar para dar um novo nome e tb para escolher uma imagem a associar a macro.
A seginte imagem demontra como adicionar a macro:
A seguinte imagem demonstra como modificar a macro:
Denominação das macros e simblo, o nome eu aconcelho os seguintes:
DE: Normal.NewMacros1.BoldBBCode
PARA: Bold..BBCode
DE: Normal.NewMacros1.CartaBBCode
PARA: Carta..BBCode
DE: Normal.NewMacros1.ColorBBCode
PARA: Color..BBCode
DE: Normal.NewMacros1.ColorBlackBBCode
PARA: Color.Black..BBCode
DE: Normal.NewMacros1.ColorBlueBBCode
PARA: Color.Blue..BBCode
DE: Normal.NewMacros1.ColorBrownBBCode
PARA: Color.Brown..BBCode
DE: Normal.NewMacros1.ColorGoldBBCode
PARA: Color.Gold..BBCode
DE: Normal.NewMacros1.ColorGreenBBCode
PARA: Color.Green..BBCode
DE: Normal.NewMacros1.ColorRedBBCode
PARA: Color.Red..BBCode
DE: Normal.NewMacros1.ColorSilverBBCode
PARA: Color.Silver..BBCode
DE: Normal.NewMacros1.ColorWhiteBBCode
PARA: Color.White..BBCode
DE: Normal.NewMacros1.CompraJáBBCode
PARA: Compra.Já..BBCode
DE: Normal.NewMacros1.ImagemBBCode
PARA: Imagem..BBCode
De: Normal.NewMacros1.ItalicBBCode
PARA: Italic..BBCode
DE: Normal.NewMacros1.ModeloCartaLeilãoBBCode
PARA: Modelo.Carta.Leilão..BBCode
DE: Normal.NewMacros1.PoweredByKaxeszer
PARA: PoweredBy.Kaxeszer..BBCode
DE: Normal.NewMacros1.QuantidadeCartaEdição
PARA: Quantidade.Carta.Edição..BBCode
DE: Normal.NewMacros1.RegrasLeilãoBBCode
PARA: Regras.Leilão..BBCode
DE: Normal.NewMacros1.SizeBBCode
PARA: Size..BBCode
DE: Normal.NewMacros1.UnderscoreBBCode
PARA: Underscore..BBCode
DE: Normal.NewMacros1.URLBBCode
PARA: URL..BBCode
DE: Normal.NewMacros1.YoutubeBBCode
PARA: Youtube..BBCode
Em relação ao icone e posição do mesmo deixo ao criterio de cada um.
OFFICE 2003
1º Fazem o download.
2º Descompactizam o ficheiro com rar.
3º Abrem o Word
4º Clicam Alt+f11 para abrir o editor de Visual Basic.
5º Dentro do Visual basic clicam Arquivo depois em importar arquivo e escolhem o ficheiro que descompactizaram do rar.
6º Ainda dentro do Visual basic seleccionam a esquerda o nome NEW MACROS (Se tiver New Macros 1 e 2 seleccionem o que tiver texto), copiem o texto todo e fechem o editor sem gravar nada e voltem ao Word.
7º Dentro do Word Seleccionem Ferramentas, macros, macro o que abre uma janela, dentro dessa janela escrevem um nome qualquer e depois clicam criar, o que levara de volta ao Visual basic ai cola se o texto que se tinha copia do no ponto 6 e depois cliquem em salvar normal.
8º Cliquem em Ferremantes e depois em custumize o que abrira uma nova janela ai dentro dessa janela klicam em novo para criar uma barra de ferramentas nova deem o nome que queiram a essa barra de ferramentas eu dei de MagicTugaBBCode, essa barra depois de criada ira aparecer no meio do monitor arrastem a ate as barras de farrementas normais e coloquem num sitio que gostem.
9º Ainda dentro da Janela Customize escolham a segunda tab e ai nas categorias escolham macros, o que na tabela da esquerda irao aparecer tds as macros, arrastem uma a uma para a barra de ferramentas que criaram, cada vex que poe uma macro no sitio cliquem kom o lado direito em cima da macro para poder renomealas e tb pra escolher uma imagem.
Denominação das macros e simblo, o nome eu aconcelho os seguintes:
DE: Normal.NewMacros1.BoldBBCode
PARA: Bold..BBCode
DE: Normal.NewMacros1.CartaBBCode
PARA: Carta..BBCode
DE: Normal.NewMacros1.ColorBBCode
PARA: Color..BBCode
DE: Normal.NewMacros1.ColorBlackBBCode
PARA: Color.Black..BBCode
DE: Normal.NewMacros1.ColorBlueBBCode
PARA: Color.Blue..BBCode
DE: Normal.NewMacros1.ColorBrownBBCode
PARA: Color.Brown..BBCode
DE: Normal.NewMacros1.ColorGoldBBCode
PARA: Color.Gold..BBCode
DE: Normal.NewMacros1.ColorGreenBBCode
PARA: Color.Green..BBCode
DE: Normal.NewMacros1.ColorRedBBCode
PARA: Color.Red..BBCode
DE: Normal.NewMacros1.ColorSilverBBCode
PARA: Color.Silver..BBCode
DE: Normal.NewMacros1.ColorWhiteBBCode
PARA: Color.White..BBCode
DE: Normal.NewMacros1.CompraJáBBCode
PARA: Compra.Já..BBCode
DE: Normal.NewMacros1.ImagemBBCode
PARA: Imagem..BBCode
De: Normal.NewMacros1.ItalicBBCode
PARA: Italic..BBCode
DE: Normal.NewMacros1.ModeloCartaLeilãoBBCode
PARA: Modelo.Carta.Leilão..BBCode
DE: Normal.NewMacros1.PoweredByKaxeszer
PARA: PoweredBy.Kaxeszer..BBCode
DE: Normal.NewMacros1.QuantidadeCartaEdição
PARA: Quantidade.Carta.Edição..BBCode
DE: Normal.NewMacros1.RegrasLeilãoBBCode
PARA: Regras.Leilão..BBCode
DE: Normal.NewMacros1.SizeBBCode
PARA: Size..BBCode
DE: Normal.NewMacros1.UnderscoreBBCode
PARA: Underscore..BBCode
DE: Normal.NewMacros1.URLBBCode
PARA: URL..BBCode
DE: Normal.NewMacros1.YoutubeBBCode
PARA: Youtube..BBCode
Em relação ao icone e posição do mesmo deixo ao criterio de cada um.
Como usar as Macros?
Sempre que quiseres fazer um post em que vais usar bbcode abres o word para ver escrever, clicando na opção correcta ou seja Macro vai criar o codigo desejado para o fim que desejas. Passo aqui a explicar a função de cada macro:
Bold..BBCode - Adiciona o codigo de Bold [*b][*/b]
Carta..BBCode - Adiciona o codigo de carta [*carta][*/carta]
Color..BBCode - Adiciona o codigo de Color [*color=][*/color]
Color.Black..BBCode - Adiciona o codigo de Color Black [*color=black][*/color]
Color.Blue..BBCode - Adiciona o codigo de Color Blue [*color=blue][*/color]
Color.Brown..BBCode - Adiciona o codigo de Color Brown [*color=brown][*/color]
Color.Gold..BBCode - Adiciona o codigo de Color Gold [*color=Gold][*/color]
Color.Green..BBCode - Adiciona o codigo de Color Green [*color=green][*/color]
Color.Red..BBCode - Adiciona o codigo de Color Red [*color=red][*/color]
Color.Silver..BBCode - Adiciona o codigo de Color Silver [*color=Silver][*/color]
Color.White..BBCode - Adiciona o codigo de Color White [*color=White][*/color]
Compra.Já..BBCode - Adiciona as regras de Compra já.
Imagem..BBCode - Adiciona o codigo de imagem [*img][/img]
Italic..BBCode - Adiciona o codigo de Italic [*i]
Modelo.Carta.Leilão..BBCode - Adiciona o codigo modelo de Leilão falta preencher carta, nº do leilão.
PoweredBy.Kaxeszer..BBCode - Adiciona um conjunto de codigos a dizer Powered by Kaxeszer.
Quantidade.Carta.Edição..BBCode - Adiciona um conjunto de codigos para por nas listas.
Regras.Leilão..BBCode - Adiciona as regras de Leilão.
Size..BBCode - Adiciona o codigo de size[*size=][/size]
Underscore..BBCode - Adiciona o codigo de Underscore[*u]
URL..BBCode - Adiciona o codigo de Url[*url=][/url]
Youtube..BBCode - Adiciona o codigo de Youtube[*Youtube][/Youtube]
Os * encontram se no codigo para o mesmo ser visivel.
Aguardo opiniões, e kem testar k de o seu veredito.
O codigo Powered By e para kem utilizar isto e queira meter na sua mensagem uma referencia a mim.
Kaxeszer
Alterado a 02-07-2008 2:11:03 por Kaxeszer