Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
191 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 190 Visitantes :: 2 Motores de busca

soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Widget com imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Widget com imagens

Mensagem por EDU2010 em 06/11/14, 10:31 am

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 :

avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Widget com imagens

Mensagem por Troubleshoot em 06/11/14, 11:13 am

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
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2184
Pontos Ativos : 2913

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widget com imagens

Mensagem por EDU2010 em 06/11/14, 11:16 am


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
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Widget com imagens

Mensagem por North em 06/11/14, 11:23 am

Utilize este, basta alterar os valores de:

Artmeiros http://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!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Widget com imagens

Mensagem por Troubleshoot em 06/11/14, 11:26 am

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
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2184
Pontos Ativos : 2913

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Widget com imagens

Mensagem por Consolado em 07/11/14, 06:52 pm

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!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum