clique em leia mais para pegar os códigos dos gadgets
WELCOME <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4UMjpb_QxnXTp_FmBrw2GtFOJMYcDR-FVAUjHG25MxewWO5B5-rjUjJgnZLJUw44mItGrRmEO9_8Nc-Osq-Iwy_GGUaQsFHE-iVymeJePIBwKv6VxLJU1dBNZepehbo6ubirVYcNYXWm/s1600/2.png" class="border" align="right"/>Escreva uma pequena abreviação sobre seu blog,ou uma mensagem de boas vindas,e o que mais que vc quizer!!! <div align="center"> <a href="LINK"><love>NOME</love></a></div>
<a href="LINK"><love>NOME</love></a>
<a href="LINK"><love>NOME</love></a>
<a href="LINK"><love>NOME</love></a>PROCURE <form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form>
TAGS <div class="listag">
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
<a href="LINK"><aste>#</aste> NOME </a>
</div>
<script src="http://www.queness.com/resources/html/bar/js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function() {
//Custom settings
var style_in = 'easeOutBounce';
var style_out = 'jswing';
var speed_in = 800;
var speed_out = 300;
//Top and bottom
var top = $('.qitem').height() * (-1);
var bottom = $('.qitem').height();
$('.qitem').each(function () {
//retrieve all the details of the image before removing it
url = $(this).find('a').attr('href');
img = $(this).find('img').attr('src');
alt = $(this).find('img').attr('img');
width = $(this).width() / 4;
height = $(this).height();
//remove the image and append 4 div into it
$('img', this).remove();
$(this).append('<div class="bar1"></div><div class="bar2"></div><div class="bar3"></div><div class="bar4"></div>');
//set the image as background image to all the bars
$(this).children('div').css('background-image','url('+ img + ')');
//Divide the image into 4 bars and rebuild the image
$(this).find('div.bar1').css({top:0, left:0, width:width, height:height, backgroundPosition:'0 0' });
$(this).find('div.bar2').css({top:0, left:width, width:width, height:height, backgroundPosition:(width*-1) + 'px 0' });
$(this).find('div.bar3').css({bottom:0, left:width*2, width:width, height:height, backgroundPosition:(width*-2) + 'px 0' });
$(this).find('div.bar4').css({bottom:0, left:width*3, width:width , height:height, backgroundPosition:(width*-3) + 'px 0' });
}).hover(function () {
//Move those bar, 1st and 3rd move upward, 2nd and 4th move downward
$(this).find('div.bar1').stop(false, true).animate({top:top}, {duration:speed_out, easing:style_out});
$(this).find('div.bar2').stop(false, true).animate({top:bottom}, {duration:speed_out, easing:style_out});
$(this).find('div.bar3').stop(false, true).animate({top:top}, {duration:speed_out, easing:style_out});
$(this).find('div.bar4').stop(false, true).animate({top:bottom}, {duration:speed_out, easing:style_out});
},
function () {
//Back to default position
$(this).find('div.bar1').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar2').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar3').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bar4').stop(false, true).animate({top:0}, {duration:speed_in, easing:style_in});
}).click (function () {
//make the whole box clickable
window.location = $(this).find('a').attr('href');
});
});
</script>
<div class="qitem">
<a href="LINK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dD5am3kCQe06vlw2xCwONtcbkNMkr2WQToeuNvU-Wxuo6mlr4ajGri1q3jKU8DcCCSdjROqeCnOXVBYg5BDuOXx5282pLL7PQ_8zvosBA-8oISfmqv5Gng9PF7BPmLDflG8rrASnSMTv/s1600/littlemix_avatar_2.png" alt="Test 1" title="" width="140" height="140"/></a>
<span class="caption"><h4>Título</h4><center><p>Aqui umas coisas e tal pra ficar legal</p></center></span>
</div>
<div class="qitem">
<a href="LINK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9m4pqMedZIAD3vdFX2ZUBRw0jxaFJP0WG3EoWdH3YEOWcHQMDIJqnbejKqIjN2UHVxKip-vGBDTrm8ow7EI73qrtF0jurSxTdpmEn7nS3KhJdphjjZelkUrJHEKOqKUSHqpcdx_J-i1a/s1600/Jade+4.png" alt="Test 1" title="" width="100" height="100"/></a>
<span class="caption"><h4>Título</h4><center><p>Aqui umas coisas e tal pra ficar legal</p></center></span>
</div>
<div class="qitem">
<a href="LINK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVoIS_6fqHm3b0Wi1hrb0ycLgGmyv6-sMiDaBw9qhsltq0RX9UnF0C2oFEZC6Bi_05JwlLpnpFSusRbHFss9miTbpAlNTdDAHZNmNumZg6Pclg5Q0vKipqu2MmYJF1XyXI1Pa0lmYgOmdz/s1600/Jesy+2.png" alt="Test 1" title="" width="140" height="140"/></a>
<span class="caption"><h4>Título</h4><center><p>Aqui umas coisas e tal pra ficar legal</p></center></span>
</div> <div class="qitem">
<a href="LINK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0_U21NcxofNOP1QyytHS3t2P_1oKo25A0Dcbq03XfjfnkE_wZF-m0h2ykF8S2zg7t3WAlwesbgk-flFDrSEpDzOlXM72MKJctt8gGBJpZshgaFviCGx-anrVmad12KOVUlel9BGSQnbw/s1600/Leigh+3.png" alt="Test 1" title="" width="140" height="140"/></a>
<span class="caption"><h4>Título</h4><center><p>Aqui umas coisas e tal pra ficar legal</p></center></span>
</div>
18 de jul. de 2013
Layout-Love Little Mix ♥
Assinar:
Postar comentários (Atom)
comentario de teste ♥♥
ResponderExcluir