Banner com imagens

Relação de BBCodes para incrementar seu phpBB3.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Banner com imagens

Mensagem por robra » 23 Out 2011, 14:44

Muitos podem dizer que não precisaria de um BBcode para postar uma imagem clicável(banner) em uma mensagem, ou seja, ao ser clicada uma nova página ou aba se abre com o conteúdo do site respectivo à imagem, porém, ao usar o BBcode IMG dentro do BBcode URL para se criar a imagem clicável(banner), a imagem postada na mensagem fica com o "underline" característico dos links externos, criado justamente pelo BBcode URL.
Para se ter uma imagem "limpa" clicável(banner), ou seja, sem o "underline" criado pelo BBcode URL é preciso criar um BBcode para esta função.
Abaixo seguem as especificações:
1) Banner com as dimensões especificadas pela Largura e Altura da imagem:
Uso do BBCode:

Código: Selecionar todos

[banner]{URL} , {URL1}[/banner]
Substituição do HTML:

Código: Selecionar todos

<a href="{URL}" target="blank_"><img src="{URL1}" alt="{TEXT}" style="border:none;"></a>
Linha de ajuda:

Código: Selecionar todos

[banner]endereço do site , endereço da imagem[/banner]
OBS: Repare que entre o endereço do site e o endereço da imagem há 1 espaçovígula1 espaço

2) Banner com as dimensões fixas independente da Largura e Altura da imagem:
Uso do BBCode:

Código: Selecionar todos

[banner]{URL} , {URL1}[/banner]
Substituição do HTML:

Código: Selecionar todos

<a href="{URL}" target="blank_"><img src="{URL1}" alt="{TEXT}" width="234" height="60" style="border:none;"></a>
Linha de ajuda:

Código: Selecionar todos

[banner]endereço do site , endereço da imagem[/banner]
OBS: Repare que entre o endereço do site e o endereço da imagem há 1 espaçovígula1 espaço. A largura do banner é determinada por width="234" e a altura por height="60" em Substituição do HTML.

3) Banner redimensionável independente da Largura e Altura da imagem:
Uso do BBCode:

Código: Selecionar todos

[banred]{URL} , {URL1} , {TEXT1} , {TEXT2}[/banred]
Substituição do HTML:

Código: Selecionar todos

<a href="{URL}" target="blank_"><img src="{URL1}" width="{TEXT1}" height="{TEXT2}" alt="{TEXT}" style="border:none;"></a>
Linha de ajuda:

Código: Selecionar todos

[banred]endereço do site , endereço da imagem , Largura , Altura[/banred]
OBS: Repare que entre o endereço do site, o endereço da imagem, a largura e a altura, há 1 espaçovígula1 espaço.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Responder