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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar título e ícone das categorias
Hoje à(s) 19:53 por Cream

» Vizualizar Perfis em Mensagens Privadas
Hoje à(s) 19:44 por iScroll

» Botões do CKeditor infuncional
Hoje à(s) 19:10 por while

» Erro Facebook Conect
Hoje à(s) 18:03 por Shek

» Formulário de postagem
Hoje à(s) 17:10 por YouTube3

» E-mail de fundador
Hoje à(s) 17:06 por Cream

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 16:00 por luuuiiiz

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
sandra51
 
lavinnia
 
Harold C+
 
Nean
 
SyraoN_
 

Quem está conectado
113 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 103 Visitantes :: 2 Motores de busca

cocas20, giancamposm, GollD, Harold C+, iScroll, iuri_teteu, PrisoN†BreaK, sandra51, Sckool, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Widget com imagens

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

Resolvido Widget com imagens

Mensagem por EDU2010 em Qui 6 Nov 2014 - 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 :


EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1439
Pontos Ativos : 4330

http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Widget com imagens

Mensagem por Troubleshoot em Qui 6 Nov 2014 - 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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2139
Pontos Ativos : 4675

http://guiatecnico.ativo-forum.com/

Resolvido Re: Widget com imagens

Mensagem por EDU2010 em Qui 6 Nov 2014 - 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

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1439
Pontos Ativos : 4330

http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Widget com imagens

Mensagem por North em Qui 6 Nov 2014 - 13:23

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!

North
Super usuário

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

http://ajuda.forumeiros.com

Resolvido Re: Widget com imagens

Mensagem por Troubleshoot em Qui 6 Nov 2014 - 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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2139
Pontos Ativos : 4675

http://guiatecnico.ativo-forum.com/

Resolvido Re: Widget com imagens

Mensagem por Consolado em Sex 7 Nov 2014 - 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!

Consolado
Super usuário

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5