Alternar fundos ou cabeçalhos

Então... Gostaram do novo layout?

O que vim trazer hoje é precisamente um tutorial relativo ao novo layout. Estão a ver o gadget Choose your sky? Demorei umas quantas horas à procura do tuto, e quando o achei, só ensinava a personalizar o cabeçalho de largura total, ou seja, o fundo 1. Então fiz a minha dose de alterações, atualizei a organização e, satisfeita com o resultado, vim trazer este gadget fora de moda, na esperança de que ele propague novamente, pois embora seja inútil, é muito belo e divertido de usar.

Não, não irão trabalhar com o HTML do blog, apenas com gadgets. É muito simples, apesar de minimamente extenso, e indico que não alterem nada de nada, a não ser talvez as dimensões da imagem. Funciona na perfeição, garanto.

Cole o seguinte código num gadget HTML/Javascript e dê título, como normalmente

<div class='widget-content'>
<style>
#backgrounds a img {
width: 40px;
height: 40px;
display: inline;
margin-right: 10px;
margin-top: 10px;
border: 2px solid #FFFFFF;
}
#backgrounds a:hover img {opacity: 0.5;}
</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(){
$("html").css({"background":"url(URL1)"});});});

$(document).ready(function(){
$("#background02").click(function(){
$("html").css({"background":"url(URL2)"});});});

$(document).ready(function(){
$("#background03").click(function(){
$("html").css({"background":"url(URL3)"}); });});

</script><center>
<a href="javascript:void(O)" id='background01' title="1"><img src="URL1" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img src="URL2" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img src="URL3" /></a>
</center>
</div></div></div>

Se não quiser o efeito no fundo do blog, e sim no primeiro cabeçalho (cabeçalho largura total, fundo 1, enfim, tem vários nomes, mas é isto aqui» www), basta trocar onde diz $("html") por $("body")

Gostaram?