Ola c: quanto tempo em. ultimo post dia 2 de outubro,ja faz 1 mes que eu nao posto nada,e sinceramente,estava ate pensando em deixar o blog,mas algo me dizia que uma inspiracao ia voltar,pq o ultimo post teve 7 visualizacoes,mas tbm ne,depois de tanto tempo sem postar,eu queria o que ne? Mas enfim,espero que tudo va voltando aos poucos e pra comecar trouxe algumas capas do Bruno Mars simplesmente amo ele <33Clique para ver o tamanho original e salve !!Eu Espero que voces tenham gostado das capas,por que eu fiz de coracao me perdoem por tanto tempo fora e ate a proxima :3Facebook - Instagram - Tumblr - Twitter Ola :) hoje infelizmente e nosso ultimo dia de tutorias,com um tutorial supeeer legal que e o Slide De Imagens Com Numeracao {Veja} Lindo ne? Ele que fecha nossa semana de tutoriais com estilo u.u Bem semana que vem os posts voltam ao normal ta, Segunda e Quinta e nao se preocupem,nao vou parar de postar,pelo menos eu espero que nao. Pra segunda ja tenho um post montadinho entao ta tudo certo. Bem vamos ao tuto entao ne :) Creditos ao Cherry Bomb :31 - Abra seu HTML, copie o imenso codigo abaixo e cole acima de </head><!-- JavaScript Slider Horizontal - Inicio--><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() { //Set Default State of each portfolio piece $(".paging").show(); $(".paging a:first").addClass("active"); //Get size of images, how many there are, then determin the size of the image reel. var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; //Adjust the image reel to its new size $(".image_reel").css({'width' : imageReelWidth}); //Paging + Slider Function rotate = function(){ var triggerID = $active.attr("rel") - 1; //Get number of times to slide var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide $(".paging a").removeClass('active'); //Remove all active class $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function) //Slider Animation $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; //Rotation + Timing Event rotateSwitch = function(){ play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds $active = $('.paging a.active').next(); if ( $active.length === 0) { //If paging reaches the end... $active = $('.paging a:first'); //go back to first } rotate(); //Trigger the paging and slider function }, 7000); //Timer speed in milliseconds (3 seconds) }; rotateSwitch(); //Run function on launch //On Hover $(".image_reel a").hover(function() { clearInterval(play); //Stop the rotation }, function() { rotateSwitch(); //Resume rotation }); //On Click $(".paging a").click(function() { $active = $(this); //Activate the clicked paging //Reset Timer clearInterval(play); //Stop the rotation rotate(); //Trigger rotation immediately rotateSwitch(); // Resume rotation return false; //Prevent browser jump to link anchor });});</script><!-- JavaScript Slider Horizonta - Fim-->2 - Depois coloque esse codigo antes de ]]></b:skin> /*--Container geral--*/.main_view {float: left;position: relative;}/*--Estilos do container das imagens--*/.window {height:200px; /*-- Altura do Slide (as imagens devem ter a mesma altura */width: 550px; /*-- Largura do Slide (as imagens devem ter a mesma largura)-- */overflow: hidden;position: relative;}.image_reel {position: absolute;top: 0; left: 0;}.image_reel img {float: left;}/*--Estilos do container da numeracao(Nao precisa mudar nada aqui)--*/.paging {position: