Oi meu povo, saudades de postar, é estou meia desanimada nas postagens, preciso de opiniões, críticas construtivas, e simplesmente amor ok? Haha, brincadeira, mas é sério, peçam postagens na Ask do blog ali na barra lateral, e continue lendo a postagem!
Bom, é super simples:
<style>
#backgrounds a img{
width:60px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #FFC0CB;
}
#backgrounds a:hover img{-webkit-filter:grayscale(1);-webkit-transition:all 1s ease;border: 2px solid #FFC0CB;
}
</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(Url aqui 1)"});
#backgrounds a img{
width:60px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #FFC0CB;
}
#backgrounds a:hover img{-webkit-filter:grayscale(1);-webkit-transition:all 1s ease;border: 2px solid #FFC0CB;
}
</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(Url aqui 1)"});
});
});
$(document).ready(function(){
$("#background02").click(function(){
$("body").css({"background":"url(Url aqui 2)"});
});
$(document).ready(function(){
$("#background02").click(function(){
$("body").css({"background":"url(Url aqui 2)"});
});
});
$(document).ready(function(){
$("#background03").click(function(){
$("body").css({"background":"url(Url aqui 3)"});
});
$(document).ready(function(){
$("#background03").click(function(){
$("body").css({"background":"url(Url aqui 3)"});
});
});
</script>
<center><a href="javascript:void(O)" id='background01' title="Nome ao passar 1"><img src="http://static.tumblr.com/dlelfro/xpzmpkivr/1046.png" /></a>
});
</script>
<center><a href="javascript:void(O)" id='background01' title="Nome ao passar 1"><img src="http://static.tumblr.com/dlelfro/xpzmpkivr/1046.png" /></a>
<a href="javascript:void(O)" id='background02' title="Nome ao passar 2"><img src="http://static.tumblr.com/dlelfro/OsJmpkiu1/1045.png" /></a>
<a href="javascript:void(O)" id='background03' title=" Nome ao passar 3 "><img src="http://static.tumblr.com/dlelfro/5PBmpkix7/1049.png" /></a></center></div>
Explicação:
FFC0CB - Cor
Url aqui 1 - Url do background 1
Url aqui 2 - Url do background 2
Url aqui 3 - Url do background 3
Nome ao passar 1 - Explicação 1
Nome ao passar 2 - Explicação 2
Nome ao passar 3 - Explicação 3
Bom é esse o tutorial, gostaram? Lembrando: Créditos ao Kawaii Word ok? Se usarem, o creditem!
Beijos e até o próximo post!
Super amei o blog , é... mais acho que n ficaria legal no meu blog . bjão te segui linda dá uma passadinha la no blog e se vc gostar segue
ResponderExcluirhttp://belaeabusada.blogspot.com
Oi linda tem selinho lá no meu blog pra você pequenodiamantteazul.blogspot.com.br espero que você goste
ResponderExcluirEsse tutorial é super legal!
ResponderExcluirAmei!
Beijos!
Batom de Framboesa
Fica com Deus!
Adorei o tutorial, lindo teu blog.
ResponderExcluirDa uma passadinha no meu?
Segue se gostar?
http://theworldoflena.blogspot.com.br/
Eu já conhecia o tutorial é muito bom.
ResponderExcluirBeijos
blogdagi1.blogspot.com.br
o meu deu certinho , obrigada
ResponderExcluirhttp://menina-gentil.blogspot.com.br/