MHabbos • 23.05.13 20:58
Caixa de mudar fundo do site | 2.0 23.05.13 20:58
Que tal mudar o fundo do seu habbo ou site ?
Veja o demo : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Código :
Veja o demo : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Código :
- Código:
<div class='sidebar section' id='sidebarright'><div class='widget HTML' id='HTML2'>
<h2 class='title'>Fundos</h2>
<div class='widget-content'>
<div class='widget-content'>
<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(http://i50.tinypic.com/6dtv9z.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(http://i.imgur.com/hOg1j.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(http://s6.tinypic.com/9a1vo4_th.jpg)"});
});
});
$(document).ready(function(){
$("#bgcolor4").click(function(){
$("body").css({"background":"url(http://i50.tinypic.com/2mpz79g.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor5").click(function(){
$("body").css({"background":"url(http://i46.tinypic.com/nccaac.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor6").click(function(){
$("body").css({"background":"url(http://i49.tinypic.com/29g20ao.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor7").click(function(){
$("body").css({"background":"url(http://i48.tinypic.com/14t8tua.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor8").click(function(){
$("body").css({"background":"url(http://i49.tinypic.com/34zhwmg.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor9").click(function(){
$("body").css({"background":"url(http://i.imgur.com/1VedL.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor10").click(function(){
$("body").css({"background":"url(http://i46.tinypic.com/dz76v5.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor11").click(function(){
$("body").css({"background":"url(http://i46.tinypic.com/35lx1zt.png)"});
});
});
$(document).ready(function(){
$("#bgcolor12").click(function(){
$("body").css({"background":"url(http://i47.tinypic.com/iduh08.png)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Casa"><img src="http://i50.tinypic.com/6dtv9z.gif" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Chuva"><img src=" http://i.imgur.com/hOg1j.gif" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Festa na Praia"><img src="http://s6.tinypic.com/9a1vo4_th.jpg" /></a>
<a href="javascript:void(O)" id='bgcolor4' title="Rato com Queijo"><img src="http://i50.tinypic.com/2mpz79g.gif" /></a>
<a href="javascript:void(O)" id='bgcolor5' title="Carro"><img src="http://i46.tinypic.com/nccaac.gif" /></a>
<a href="javascript:void(O)" id='bgcolor6' title="Mistura Azul"><img src="http://i49.tinypic.com/29g20ao.gif" /></a>
<a href="javascript:void(O)" id='bgcolor7' title="Mistura Marron"><img src="http://i48.tinypic.com/14t8tua.gif" /></a>
<a href="javascript:void(O)" id='bgcolor8' title="Mistura Vermelha"><img src="http://i49.tinypic.com/34zhwmg.gif" /></a>
<a href="javascript:void(O)" id='bgcolor9' title="Patos Estilosos"><img src="http://i.imgur.com/1VedL.gif" /></a>
<a href="javascript:void(O)" id='bgcolor10' title="Listras Verdes"><img src="http://i46.tinypic.com/dz76v5.gif" /></a>
<a href="javascript:void(O)" id='bgcolor11' title="Futuro"><img src="http://i46.tinypic.com/35lx1zt.png" /></a>
<a href="javascript:void(O)" id='bgcolor12' title="Foguetes"><img src="http://i47.tinypic.com/iduh08.png" /></a></center></div></div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=4079296136602572595&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=sidebarright' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Editar'>
<img alt='' height='18' src='' width='18'/>
</a>
</span>
