Slide

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

Resolvido Slide

Mensagem por iHeloaD em 25/05/14, 10:13 am

  • 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, 07:44 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Slide

Mensagem por Hancki em 25/05/14, 10:18 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Slide

Mensagem por iHeloaD em 25/05/14, 10:21 am

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Slide

Mensagem por Kyo Panda em 26/05/14, 01:33 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Slide

Mensagem por Uatyla em 26/05/14, 01:45 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Slide

Mensagem por Kyo Panda em 26/05/14, 02:27 pm

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://illiweb.com/bl/logo.png" /></a> <a href="link"><img title="#noticia-2" alt="" src="http://illiweb.com/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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Slide

Mensagem por iHeloaD em 26/05/14, 07:33 pm

Perfeito, muito obrigado!

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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