Remover sublinhado de imagens com links

Suporte aos Styles/Templates para phpBB.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Remover sublinhado de imagens com links

Mensagem por robra »

A 3ª opção já é o BBcode [banner] que cria o banner na mensagem postada com a imagem clicável, abrindo uma nova página ou aba do endereço do site especificado no bbcode.
Se quiser, você pode definir a altura e largura do banner colocando em Substituição do HTML:

Código: Selecionar todos

<a href="{URL1}" target="blank_"><img src="{URL}" alt="{TEXT}" width="234" height="60" style="border:none;"></a>
Desta forma, mesmo que a imagem original seja 500 x 320, ao postá-la usando o bbcode [banner] ela será redimensionada para 234 x 60.

Caso queira criar um outro BBcode para banners com dimensões configuráveis chamado [banred], você pode seguir o mesmo processo de criação de BBcode descrito anteriormente, com as seguintes informações:
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".
Avatar do usuário
umarizal
Contribuidor Passado
Contribuidor Passado
Mensagens: 216
Registrado em: 18 Mar 2008, 10:30
Nome Real: Leandro dos Santos
Localização: São Paulo - SP
Contact:

Re: Remover sublinhado de imagens com links

Mensagem por umarizal »

robra escreveu:A 3ª opção já é o BBcode [banner] que cria o banner na mensagem postada com a imagem clicável, abrindo uma nova página ou aba do endereço do site especificado no bbcode.
Se quiser, você pode definir a altura e largura do banner colocando em Substituição do HTML:

Código: Selecionar todos

<a href="{URL1}" target="blank_"><img src="{URL}" alt="{TEXT}" width="234" height="60" style="border:none;"></a>
Desta forma, mesmo que a imagem original seja 500 x 320, ao postá-la usando o bbcode [banner] ela será redimensionada para 234 x 60.

Caso queira criar um outro BBcode para banners com dimensões configuráveis chamado [banred], você pode seguir o mesmo processo de criação de BBcode descrito anteriormente, com as seguintes informações:
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
Não adianta... mesmo com o BBCode continua lá o risco abaixo das imagens...
;) Hospedagem de Sites | Registro de Domínios
http://www.mixhost.com.br
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Remover sublinhado de imagens com links

Mensagem por robra »

Não adianta... mesmo com o BBCode continua lá o risco abaixo das imagens...
Fiz teste com os 3 tipos de BBcodes que lhe passei e em todos não tem o "underline" abaixo da imagem, como pode ver na imagem abaixo:
teste_banner.jpg
Você limpou o cache do Fórum ?

OBS.: Desfaça a adição das linhas referente ao .postlink img { no arquivo /theme/links.css sugerida na mensagem viewtopic.php?f=149&t=45449#p272086.

Abraço. Imagem
Você não está autorizado a ver ou baixar esse anexo.
[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".
Avatar do usuário
umarizal
Contribuidor Passado
Contribuidor Passado
Mensagens: 216
Registrado em: 18 Mar 2008, 10:30
Nome Real: Leandro dos Santos
Localização: São Paulo - SP
Contact:

Re: Remover sublinhado de imagens com links

Mensagem por umarizal »

robra escreveu:
Não adianta... mesmo com o BBCode continua lá o risco abaixo das imagens...
Fiz teste com os 3 tipos de BBcodes que lhe passei e em todos não tem o "underline" abaixo da imagem, como pode ver na imagem abaixo:
teste_banner.jpg
Você limpou o cache do Fórum ?

OBS.: Desfaça a adição das linhas referente ao .postlink img { no arquivo /theme/links.css sugerida na mensagem viewtopic.php?f=149&t=45449#p272086.

Abraço. Imagem
Opa Opa Opa... me bateu uma dúvida aqui agora...

Não comentei, estou usando o mod "Prime Links" que é sensacional... para abrir os links externos sempre em nova janela e incluir o rel="nofollow" à eles.

Pode estar aí o problema?
;) Hospedagem de Sites | Registro de Domínios
http://www.mixhost.com.br
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Remover sublinhado de imagens com links

Mensagem por robra »

Não comentei, estou usando o mod "Prime Links" que é sensacional... para abrir os links externos sempre em nova janela e incluir o rel="nofollow" à eles.
Penso que não.
Mas o phpbb nativamente já não abre os links externos em uma nova aba ou página ?
Somente os links respectivos ao próprio Fórum que ele abre na mesma página.
Vi também que as linhas abaixo continuam no links.css:

Código: Selecionar todos

.postlink img {
border-bottom: 0px solid transparent;
} 
Limpe o cache do Fórum e coloque o banner do "Canal do serralheiro" no BBcode banner que você criou para que eu dê uma analisada nele, postado na página dos "parceiros".

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".
Avatar do usuário
umarizal
Contribuidor Passado
Contribuidor Passado
Mensagens: 216
Registrado em: 18 Mar 2008, 10:30
Nome Real: Leandro dos Santos
Localização: São Paulo - SP
Contact:

Re: Remover sublinhado de imagens com links

Mensagem por umarizal »

robra escreveu:
Não comentei, estou usando o mod "Prime Links" que é sensacional... para abrir os links externos sempre em nova janela e incluir o rel="nofollow" à eles.
Penso que não.
Mas o phpbb nativamente já não abre os links externos em uma nova aba ou página ?
Somente os links respectivos ao próprio Fórum que ele abre na mesma página.
Vi também que as linhas abaixo continuam no links.css:

Código: Selecionar todos

.postlink img {
border-bottom: 0px solid transparent;
} 
Limpe o cache do Fórum e coloque o banner do "Canal do serralheiro" no BBcode banner que você criou para que eu dê uma analisada nele, postado na página dos "parceiros".

Abraço. Imagem
Na página de parceiros não estou alterando nada pois não posso deixar os banners offline para não prejudicar a relação com os envolvidos.

Estou usando um tópico no fórum de testes (visível apenas para membros registrados).

Ainda não removi as linhas citadas pois estou fazendo uma migração aqui e estou sem tempo hábil, mas creio que até de tarde o faça e dou um retorno aqui.

Obrigado pela paciência ;)
;) Hospedagem de Sites | Registro de Domínios
http://www.mixhost.com.br
Avatar do usuário
umarizal
Contribuidor Passado
Contribuidor Passado
Mensagens: 216
Registrado em: 18 Mar 2008, 10:30
Nome Real: Leandro dos Santos
Localização: São Paulo - SP
Contact:

Re: Remover sublinhado de imagens com links

Mensagem por umarizal »

robra... fiz o teste e nada feito... o sublinhado não some...
;) Hospedagem de Sites | Registro de Domínios
http://www.mixhost.com.br
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Remover sublinhado de imagens com links

Mensagem por robra »

robra... fiz o teste e nada feito... o sublinhado não some...
Você tem um usuário de teste ? Se tiver, me passa o login e senha via MP para que eu dê uma olhada no tópico com o banner postado ou então disponibiliza ele para os visitantes.
Caso contrário, só resta ou deixar como está, ou tirar o "underline" dos links e das imagens ou converter o banners para flash e depois editá-los para incluir os links neles.

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".
Avatar do usuário
umarizal
Contribuidor Passado
Contribuidor Passado
Mensagens: 216
Registrado em: 18 Mar 2008, 10:30
Nome Real: Leandro dos Santos
Localização: São Paulo - SP
Contact:

Re: Remover sublinhado de imagens com links

Mensagem por umarizal »

robra escreveu:
robra... fiz o teste e nada feito... o sublinhado não some...
Você tem um usuário de teste ? Se tiver, me passa o login e senha via MP para que eu dê uma olhada no tópico com o banner postado ou então disponibiliza ele para os visitantes.
Caso contrário, só resta ou deixar como está, ou tirar o "underline" dos links e das imagens ou converter o banners para flash e depois editá-los para incluir os links neles.

Abraço. Imagem
Pode ser por aqui mesmo:
Usuário: Teste
Senha: 123456

Loga e depois acessa este tópico:
http://www.guiadaobra.net/forum/forum-t ... t1650.html
;) Hospedagem de Sites | Registro de Domínios
http://www.mixhost.com.br
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Remover sublinhado de imagens com links

Mensagem por robra »

No BBcode [banner], altere o Substituição do HTML para:

Código: Selecionar todos

<a href="{URL1}" class="#" target="blank_"><img src="{URL}" alt="{TEXT}" style="border:none;"></a>
Veja se assim resolve.

Abraço. Imagem
Editado pela última vez por robra em 25 Out 2011, 22:51, em um total de 1 vez.
Razão: Correção do código.
[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".
Trancado