Código de slide

2 participantes

Ir para baixo

Tópico resolvido Código de slide

Mensagem por Don Corleone 30.07.13 13:57

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

Código de slide Cats19

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 15:59, editado 1 vez(es)
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de slide

Mensagem por MateusA 30.07.13 15:23

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de slide

Mensagem por Don Corleone 30.07.13 15:39

pode mandar meu caro...
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de slide

Mensagem por MateusA 30.07.13 15:44

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de slide

Mensagem por Don Corleone 30.07.13 15:48

Resultou meu caro, está funcionando normalmente..

Thanks...
Don Corleone
Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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