Código de slide

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

Resolvido Código de slide

Mensagem por Connor R. em 30/07/13, 09:57 am

Qual é minha questão:
Vejam a imagem abaixo:



Gostaria do código deste slide....

Fórum onde vi:
http://mangasnet.forumeiros.com/

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Connor R. em 30/07/13, 11:59 am, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Código de slide

Mensagem por MateusA em 30/07/13, 11:23 am

Olá!

Não damos suporte a códigos jQuery externos, para fazer este slide e necessário jQuery.
Poderíamos lhe fornecer somente o HTML, no entanto vai ficar somente uma imagem parada, e as outras ao lado bugadas.
Deseja mesmo assim?

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Código de slide

Mensagem por Connor R. em 30/07/13, 11:39 am

pode mandar meu caro...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Código de slide

Mensagem por MateusA em 30/07/13, 11:44 am

Olá!

Aqui esta:
Código:
<style>.uiHeader .uiHeaderTitle {text-align: center;}#FBSlideLikeBox_left {background: url(http://upic.me/i/zw/or2fb.png) 292px 0 no-repeat; float: left; height: 168px; position: fixed; left: -292px; padding-right: 56px; top: 20%; width: 292px; z-index: 2000;}#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 400px; right: 0; position: absolute; border: 1px solid #3B5998; width: 292px; background: #f8f8f8;}#FBSlideLikeBox_right {background: url() 0 0 no-repeat; float: right; height: 168px; position: fixed; right: -300px; padding-left: 48px; top: 20%; width: 292px; z-index: 2000;}#FBSlideLikeBox_right #FBSlideLikeBox3_right { height: 590px; left: 0px; position: absolute; border: none; width: 300px; background: #f1f1f1; top: -100px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(25,25,25,.4);}#FBSlideLikeBox_right #FBSlideLikeBox2_right {position: relative; clear: both; width: auto;}</style><script>jQuery(document).ready(function($) {$("#FBSlideLikeBox_right").mouseenter(function() {$(this).stop().animate({right: 0}, "normal");}).mouseleave(function() {$(this).stop().animate({right: -300}, "normal");});;});</script><div title="Find us on Facebook!" id="FBSlideLikeBox_right" style="right: -300px;"><div id="FBSlideLikeBox2_right"><div id="FBSlideLikeBox3_right"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FStaffer-Group-BR-DVerdade%2F353574641384967&width=292&height=590&show_faces=true&colorscheme=light&stream=true&show_border=true&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe></div></div></div><div class="main"><div id="pun-announcement"><p><div id="myCarousel">
  <div class="carousel-item" style="width: 100%; height: 100%; background: url(http://alloyui.com/carousel/img/1.jpg);"></div>
  <div class="carousel-item" style="width: 100%; height: 100%; background: url(http://alloyui.com/carousel/img/2.jpg);"></div>
  <div class="carousel-item" style="width: 100%; height: 100%; background: url(http://alloyui.com/carousel/img/3.jpg);"></div>
  <div class="carousel-item" style="width: 100%; height: 100%; background: url(http://alloyui.com/carousel/img/4.jpg);"></div>
</div>
<script src="http://cdn.alloyui.com/2.0.0pr6/aui/aui-min.js"></script>
<script>
YUI().use(
  'aui-carousel',
  function(Y) {
    new Y.Carousel(
      {
        contentBox: '#myCarousel',
        height: 250,
        width: 700
      }
    ).render();
  }
);
</script>
Seta Talvez tenha ido o script por esta incluso no HTML.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Código de slide

Mensagem por Connor R. em 30/07/13, 11:48 am

Resultou meu caro, está funcionando normalmente..

Thanks...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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