Página 1 de 1

Banner com imagens

Enviado: 23 Out 2011, 14:44
por robra
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