26 de julho de 2013

gadget de ecolher background

                                            tutorial-gadget de escolher background                                                                                                                                                                                                                                                  
Olá pessoinhas do meu coração tudo bem? nossa nesse friozinho é bom ficar embaixo das cobertas assistindo um filminho né? trouxe um tutorial muito fofo para vcs o tutorial bem simples é o de colocar gadget de escolher background espero que gostem vamos ver?
  preview do gadget aqui    primeiro gadget.                                                                                                                                                                                                                                                                           1. Adicione um gadget de HTML/JavaScript e nele, cole:                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <style>                                                                                                                                                             
#backgrounds a img{
width:60px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #CORDABORDA;
}
#backgrounds a:hover img{
-webkit-filter:grayscale(1);-webkit-transition:all 1s ease;border: 2px solid #CORDABORDA;
}
</style>
<div id="backgrounds">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
 $("#background01").click(function(){
  $("body").css({"background":"url(BACKGROUND)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){
  $("body").css({"background":"url(BACKGROUND)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){
  $("body").css({"background":"url(BACKGROUND)"});
 });
});
</script>
<center><a href="javascript:void(O)" id='background01' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/xpzmpkivr/1046.png" /></a>
<a href="javascript:void(O)" id='background02' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/OsJmpkiu1/1045.png" /></a>
<a href="javascript:void(O)" id='background03' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/5PBmpkix7/1049.png" /></a></center></div>

Um comentário:

  1. Nossa que fácil* pensava ser mais complicado rsrs
    Visita meu cantinho?.. não custa nada ;)
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir