24 de set. de 2012

Como por gadget de "Mudar fundo"

                  

                                                      Oi meus cupcakes!!

       Hoje eu vou ensinar a colocar um gadget que muda o plano de fundo em um clique!!
                                                          
                                                          É muito fácil!!

                                                      Sigam essa ordem:

                          Layout > Adicionar um Gadget > HTML/Javascript

                                              Depois, é só colar isso:
<style>#estilo a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:15px;border: 2px solid #EEE;}#estilo a:hover img{border: 2px solid #bdebff;}</style><div id="estilo"><script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script><script>$(document).ready(function(){            $("#bgcolor1").click(function(){                        $("body").css({"background":"url(URL DO PLANO DE FUNDO1)"});            });});$(document).ready(function(){            $("#bgcolor2").click(function(){                        $("body").css({"background":"url(URL DO PLANO DE FUNDO2)"});            });});$(document).ready(function(){            $("#bgcolor3").click(function(){                        $("body").css({"background":"url(URL DO PLANO DE FUNDO3)"});            });});</script><center><a href="javascript:void(O)" id='bgcolor1' title="Nome do plano de fundo "><img src="URL DA IMAGEM1" /></a><a href="javascript:void(O)" id='bgcolor2' title="Nome do plano de fundo "><img src=" URL DA IMAGEM2" /></a><a href="javascript:void(O)" id='bgcolor3' title="Nome do plano de fundo"><img src="URL DA IMAGEM3" /></a></center></div>

 Modifique oque está em Negrito e sublinhado!

Nenhum comentário:

Postar um comentário