Criando Slide Da Habbid v10 ~ NerdsCriadores

Criando Slide Da Habbid v10

Author : Thyago Marcadores: Tutoriais

quinta-feira, 15 de dezembro de 2011

Clique Em NEW PAGE escolha um nome eu escolhe Slide mude o . htm para .html e clique em ADD PAGE Clique no Lapizinho e Cole o Codigo do slide que esta no fim da Postagem

Edite o Código Aperte Ctrl+F e Procure por : Image 01 , Image 02 , Image 03 , Image 04 Substituta pelo Link de Sua Imagem Lembrando São dois link De Imagem para Trocar

Agora Procure Por Frase e Substituta Pela Descrição e Finalmente Procure Por Link E Substitua pelo Link da Postagem

Agora Fassa um Iframe para Colocar No Seu Web Site

Código do Iframe

Código do Slide

<br /> <link href='http://habbacon.freehosting.com/slide3.css' rel='Stylesheet' type='text/css'/><br /> <script src='http://habbacon.freehosting.com/slide2.js' type='text/javascript'></script><br /> <script src='http://habbacon.freehosting.com/slide4.js' type='text/javascript'></script><br /> <br /> <br /> <script type='text/javascript'>     var theInt = null;   var $crosslink, $navthumb;   var curclicked = 0;   var qtdDestaques = 4;      theInterval = function(cur){    clearInterval(theInt);        if( typeof cur != 'undefined' )     curclicked = cur;        $crosslink.removeClass("active-thumb");    $navthumb.eq(curclicked).parent().addClass("active-thumb");     $(".stripNav ul li a").eq(curclicked).trigger('click');        theInt = setInterval(function(){     $crosslink.removeClass("active-thumb");     $navthumb.eq(curclicked).parent().addClass("active-thumb");     $(".stripNav ul li a").eq(curclicked).trigger('click');     curclicked++;     if( qtdDestaques == curclicked )      curclicked = 0;         }, 5000);   };      $(function(){        $("#main-photo-slider").codaSlider();        $navthumb = $(".nav-thumb");    $crosslink = $(".cross-link");        $navthumb    .click(function() {     var $this = $(this);     theInterval($this.parent().attr('href').slice(1) - 1);     return false;    });        theInterval();   });     function clipImage() {   // clip:rect('top', 'right', 'bottom', 'left')     document.getElementById("img1").style.clip="rect(0px,41px,27px,14px)";document.getElementById("img2").style.cli  p="rect(0px,41px,27px,14px)";document.getElementById("img3").style.clip="rect(0px,41px,27px,14px)";document.get  ElementById("img4").style.clip="rect(0px,41px,27px,14px)";    } </script><br /> <div class='slider-wrap'><div class='csw' id='main-photo-slider'><div class='panelContainer'><div class='panel'><div class='wrapper'><a href='Link' target='_self' title='Titulo 01'><img alt='Titulo 01' class='floatRight' height='185px'   src='Image 01'/></a><br /> <div class='photo-meta-data'><div><span><a href='Link 01' target='_self' title='Titulo 01'>Frase 01 </a></span><br /> </div></div></div></div><div class='panel'><div class='wrapper'><a href='Link 02' target='_self' title='Titulo 02'><img alt='Titulo 02'   class='floatRight' height='185px' src='Image 02'/></a><br /> <div class='photo-meta-data'><br /> <div><span><a href='Link 02' target='_self' title='Titulo 02'>Frase 02</a></span><br /> </div></div></div></div><div class='panel'><div class='wrapper'><a href='Link 03' target='_self' title='Titulo 03'><img alt='Titulo 03' class='floatRight' height='185px'   src='Image 03'/></a><br /> <div class='photo-meta-data'><div><span><a href='Link 03' target='_self' title='Titulo 03'>Frase 03</a></span><br /> </div></div></div></div><div class='panel'><div class='wrapper'><a href='Link' target='_self' title='Titulo 04'><img alt='Titulo 04' class='floatRight' height='185px'   src='Image 04'/></a><br /> <div class='photo-meta-data'><div><span><a href='Link 04' target='_self' title='habbidcast'>Frase 04</a></span><br /> <br /> </div></div></div></div></div></div><div id='borda'><div id='movers-row'><div><a class='cross-link active-thumb' href='#1'><img alt='Titulo 01' class='nav-thumb' id='img1'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 01'/></a></div><div><a class='cross-link active-thumb' href='#2'><img alt='Titulo 02' class='nav-thumb' id='img2'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 02'/></a></div><div><a class='cross-link active-thumb' href='#3'><img alt='Titulo 03' class='nav-thumb' id='img3'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 03'/></a></div><div><a class='cross-link active-thumb' href='#4'><img alt='Titulo 04' class='nav-thumb' id='img4'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 04'/></a></div></div><script type='text/javascript'> clipImage(); </script></div></div><br /> <br /> <br />