Widget com imagens

Item: Widget com imagens
Rating: 1

por EDU2010 06.11.14 12:31

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : hoje
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Como fazer um Widget com imagens como esta usada no exemplo e cada foto teria um link que redirecionava a pagina do Topico ,

Imagem de exemplo :

Widget - Widget com imagens Sem_ty10

por Troubleshoot 06.11.14 13:13

Olá!
Primeiramente, leia esta faq: [FAQ] Gerenciar os Widgets do Fórum

O código para imagens é este:

Código:: <a href="LINK DO TÓPICO AQUI"><img src="IMAGEM AQUI" /></a>

Resulta?

Troubleshoot
zen

por EDU2010 06.11.14 13:16

Sei do codigo mais vai ficar montado como no quadro do exemplo ou seja lado a lado com uma linha com 3 imagem e assim as debaixo

por goodbye 06.11.14 13:23

Utilize este, basta alterar os valores de:

Artmeiros

https://ajuda.forumeiros.com/LINK
Artmeiros

ENDEREÇO IMAGEM

Código:: [table][tr][td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [/tr] [tr][td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [/tr] [tr][td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [td][url=http://ajuda.forumeiros.com/LINK][img]ENDEREÇO IMAGEM[/img][/url][/td] [/tr] [/table]

Até mais!

por Troubleshoot 06.11.14 13:26

Troque o código por este:

Código:: <div class="widgetimagens"><a href="LINK DO TÓPICO AQUI"><img src="IMAGEM AQUI" /></a></div>

Feito, vá em Painel de controle Seta

Visualização Seta

Imagens e Cores :seta2:

Folha de estilo CSS
Adicione este código:

Código:: .widgetimagens img { width: 50px; height: 155px;

Edite o valor em "width: 50px;" até que fique como deseja, lado a lado...
O valor em "height: 155px;" é o tamanho das imagens.

Até! zen

por Consolado 07.11.14 20:52

Boa noite, meu chapa!

Coloque no seu widget:

<div class="separator" style="clear: both; text-align: center;">
<a href="LINK1" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM1" /></a><a href="LINK2" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM2" /></a><a href="LINK3" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM3" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK4" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM4" /></a><a href="LINK5" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM5" /></a><a href="LINK6" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM6" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK7" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM7" /></a><a href="LINK8" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM8" /></a><a href="LINK9" style="margin-left: 1em; margin-right: 1em;"><img src="IMAGEM9" /></a></div>

Era um mosaico com nove imagens que você queria?

LINK = Coloque o endereço do tópico, as nove imagens estão numeradas.
IMAGEM = Coloque o link da imagem, as nove fotos estão numeradas.

Qualquer coisa avisa, um abraço!

Widget com imagens