Código de slide
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Código de slide
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
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 15:59, editado 1 vez(es)
Re: Código de slide
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.
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.
Re: Código de slide
Olá!
Aqui esta:
Até mais.
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>
Até mais.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos