Widget em forma de slide

3 participantes

Ir para baixo

Tópico resolvido Widget em forma de slide

Mensagem por EDU2010 24.05.17 15:46

Detalhes da questão


Endereço do fórum: https://www.criadoresdepassaros.com/
Versão do fórum: phpBB3

Descrição


Widget em forma de Slide


Criar um Wigget em forma de Slide que vai mudando a foto linkada nos artigos do Fórum incluidos no mesmo !


Obrigado


Última edição por EDU2010 em 25.05.17 22:13, editado 1 vez(es)
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por Kyo Panda 25.05.17 13:04

Quando o senhor diz artigos, refere-se ao novo recurso de publicações ou postagens num fórum?
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por EDU2010 25.05.17 14:49

Kyo Panda escreveu:Quando o senhor diz artigos, refere-se ao novo recurso de publicações ou postagens num fórum?


Bom dia , não amigo .. o que eu quero é criar um Widget que seja em Slide , artigos que se refiro são os artigos que tenho postados no Fórum e irei linkar com as imagens deste Widget o qual fica trocando de imagem linkada em uma pagina do Fórum ,

Obrigado
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por Kyo Panda 25.05.17 15:02

Agora compreendi. O senhor pode utilizar o gerador de slides aqui do fórum e utilizar o código em um Widget. O importante é definir a largura e altura certinha para não sair da barra de Widgets.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por EDU2010 25.05.17 19:30

Ok , eu gerei o codigo e coloquei no widget mais se coloco o comando center pra centralizar ele fica no meio do Fórum saindo do local do Widget

Codigo gerado
Código:
 <style type="text/css">#rotator1495736143491 {height:310px;} #rotator1495736143491 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1495736143491 img { height:300;width:300; }</style>
<div id="rotator1495736143491">
    <a id="itemActif1495736143491" style="z-index:999" href="https://www.criadoresdepassaros.com/t45123-arara-caninde" title="Arara Canindé" target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidea12.jpg" alt="Arara Canindé" /></a><a href="https://www.criadoresdepassaros.com/f72-passaros-e-pesquisa-descubra-outras-especies-aqui-acesse" title="Azulão" target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidea13.jpg" alt="Azulão" /></a><a href="https://www.criadoresdepassaros.com/t45122-tucano-familia-ramphastida" title="Tucano" target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidet12.jpg" alt="Tucano" /></a><a href="https://www.criadoresdepassaros.com/t30213-trinca-ferro-reproducao#316542" title="Reprodução Trinca Ferro " target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidet10.png" alt="Reprodução Trinca Ferro " /></a><a href="https://www.criadoresdepassaros.com/t38916-calopsita-guia-completo-de-criacao-e-reproducao#291713" title="Calopsitas" target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidec14.jpg" alt="Calopsitas" /></a><a href="https://www.criadoresdepassaros.com/t44158-saiba-tudo-sobre-o-canario-gloster" title="Canário Gloster" target="_blank"><img src="https://i.servimg.com/u/f58/15/98/91/46/slidec12.jpg" alt="Canário Gloster" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1495736143491"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1495736143491"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1495736143491";n.style.zIndex = 999})},3500)})();</script>

EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por Kyo Panda 25.05.17 19:36

Tente adicionar ao CSS:

Código:
#left .module {
  position: relative;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por EDU2010 25.05.17 19:57

Alem de colocar a CSS acima eu também devo inserir o CENTER no codigo , se for fica torto pra direita e não centraliza !

Até mais
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por Kyo Panda 25.05.17 21:23

Adicione mais esse peça ao CSS:

Código:
#rotator1495736143491 a {
    left: 50%;
    transform: translate(-50%);
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por EDU2010 25.05.17 22:13

ok , centralizou , obrigado !


Resolvido
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget em forma de slide

Mensagem por Luiz 26.05.17 13:31

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos