•  
     

BBCode - Banner com imagens

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á 1espaçovígula

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.


Ressuscitado pela última vez por Bob em 25 mar 2013 19:24.