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