Loja Fórum Lista de Decks Construir Deck Chat (beta)


Fórum MagicTuga.com


-->Fórum --> Comunicados de/para MagicTuga.com-->[BBCode] Como Usar de Maneira facil? Responder

Link directo: topico.asp?topico=51895

UtilizadorResposta

Kaxeszer

De: Viana do Castelo
7/1/2008 10:48:30 PM
[BBCode] Como Usar de Maneira facil?
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

Kaxeszer


De: Viana do Castelo
7/2/2008 12:05:35 AM
Magicbomb
Isto não foi feito em vista mas o que conta e o office em questão.
Eu fix em OFFICE 2007 mas valido para o 2003, aqui so tem o tutorial de adicionar ao 2007, mais tarde faço o de 2003.

Kaxeszer
Alterado a 02-07-2008 0:09:28 por Kaxeszer

GMP2


De: Brandoa
7/2/2008 12:00:51 AM
EXCELENTE
5 Estrelas *

Adorei ler este artigo ta muito bom mesmo !

1º de tudo ta muito claro e vai direito ao assunto e apresenta exemplos concretos

2º É muito facil de ler e nao cansa saber mais sobre como melhorar as apresentacoes de cada um

3º 5 Estrelas*

Abraco e parabens GMP2

magicbomb


De: Lagoa
7/1/2008 11:57:44 PM
Bom trabalho!
Obrigado Kaxeszer!

Vou testar esses tais Macros para ver se funcionam bem em Microsoft Windows XP, visto que foram produzidos em Microsoft Windows Vista.
Responder

<< Pagina anterior [1] [2]