Slide

4 participantes

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

Tópico resolvido Slide

Mensagem por iHeloaD 25.05.14 14:13

  • Descrição:
Olá,

Desejo o mesmo slide que este http://prntscr.com/3i333u. Já tentei fazer igual em geradores de slides, e não consigo, então desejo o mesmo que este da imagem, pois é o único que eu consegui que me agrade.

Visto no site www.boulevard.com.

Até mais.

  • Informações:
Fórum:http://cidadesocial.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Slide



Última edição por iHeloaD em 26.05.14 23:44, editado 1 vez(es)
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Slide

Mensagem por Hancki 25.05.14 14:18

Olá!

Sinceramente, copiar na íntegra, é impossível mesmo.
Mas pode ler como instalar o seu nivoSlider: http://www.thesimplexdesign.com/2010/04/nivo-slider-awesome-jquery-slider-with.html

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slide

Mensagem por iHeloaD 25.05.14 14:21

Olá,

Bem, o link que me passou ensina sim como criar o Slide, porém, eu deseja estes textos assim http://prntscr.com/3mf0y0 sobre o mesmo para mostrar algumas atualizações do fórum.

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Slide

Mensagem por Kyo Panda 26.05.14 17:33

Segundo a documentação do Nivo Slider, você pode fazer algo do tipo:

Código:
<div id="slider" class="nivoSlider">
    <a href="link"><img src="imagem.jpg" alt="" title="#noticia-1" /></a>
    <a href="link"><img src="imagem.jpg" alt="" title="#noticia-2" /></a>
</div>
<div id="noticia-1" class="nivo-html-caption">
    <h1>Título</h1>
    Esta é a notícia 1.
</div>
<div id="noticia-2" class="nivo-html-caption">
    <h1>Título</h1>
    Esta é a notícia 2.
</div>

Quando o fizer, retorne aqui para que façamos correções quanto ao design.

Abraços. Feliz
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: Slide

Mensagem por Uatyla 26.05.14 17:45

A forumeiro no caso faria um código pronto de slide? e no caso nós só implementaria a imagem, seria possível?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Slide

Mensagem por Kyo Panda 26.05.14 18:27

No caso, você poderia adicionar isso, por exemplo, em Visualização / Página Inicial / Geral / Mensagem na página inicial:

Código:
<link type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/nivo-slider.min.css" rel="stylesheet" /><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/jquery.nivo.slider.pack.min.js"></script><script type="text/javascript">
jQuery(window).load(function() {
  jQuery('#slider').nivoSlider();
});
</script>
<div class="nivoSlider" id="slider">
    <a href="link"><img title="#noticia-1" alt="" src="http://2img.net/i/bl/logo.png" /></a> <a href="link"><img title="#noticia-2" alt="" src="http://2img.net/i/bl/logo.png" /></a>
</div>
<div class="nivo-html-caption" id="noticia-1">
   
   <h1>
       Título
   </h1>
    Esta é a notícia 1.
</div>
<div class="nivo-html-caption" id="noticia-2">
   
   <h1>
       Título
   </h1>
    Esta é a notícia 2.
</div>

Mas as atualizações das imagens e notícias ficariam ao seu cargo. Feliz
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: Slide

Mensagem por iHeloaD 26.05.14 23:33

Perfeito, muito obrigado!

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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