Tutorial - Gadget de escolher background.

Olá Littler's

Bom,vocês sabem que eu sou muito fã do Justin bieber né? então ele fez uma coisa que me deixou tão chateada,também eu estou dizendo isso para saber a opnião de vocês se vocês não acham que a miley está muito vulgar,eu acho e vocês ? mais do mesmo jeito eu gosto dela.

Pessoal,eu sei que eu tinha que postar mais cedinho é que,minha irmã veio aqui pra casa hoje,e quando ela vem ela vem pra pertubar todos,então desculpa,quando ela chega aqui quer mandar em todo mundo -.- 

Mais ela já foi embora - Pessoal pra quem não sabe eu decidi fazer de 2 posts pra cima por dia,ou eu faço 3 ou 2,até mesmo 4 ou 5 (WTF?)
Isso mesmo,tem que ser assim ^0^

Resolvi  trazer um tutorial bem fácl para vocês,os créditos vão para o K - world,pois peguei de lá ok?
estou querendo fazer um efeito para afiliados para vocês,se eu conseguir fazer outro, posto aqui com maior prazer ♥ vamos lá :3


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>


Oque está destacado é para vocês alterar.
 

Nenhum comentário:

Postar um comentário

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »