♦ Tutorial ~ Modelo de Gadgets Heart

Hey Pandas ~ 

Eu estou sem São Paulo e deixei esta postagem pronta apenas para a Lovelly postar. 

Nesse modelo de gadget tem um balãozinho do lado com coração fica esvaziando e enchendo, é bem fofinho e combina com layouts calmos e fofinhos, rsrsrs. Usamos ele no nosso Layout anterior, lembram-se? Espero que gostem!

Exemplo

Vá em Layout >> Adicionar Gadget >> HTML/JavaScript e cole esse código:

<style>

.sidebar .widget{

padding: 10px;

margin-bottom: 50px; /*Espaço entre um gadget e outro*/

background:#fff;

border-bottom:solid 6px #ff8ab1;

border-radius:0 0 10px 10px;

box-shadow:

inset 0 0 5px #ddd;

}

.sidebar .widget h2 {

font-family: Giddyup;

font-style: italic;

font-size: 18px;

font-weight: bold;

text-align: left;

margin-top:-40px;

color: #40250A; /*Cor da fonte*/

background: url('http://i11.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs115.gif') no-repeat left top; /*imagem do topo*/

padding-left: 20px;

margin-bottom: -5px;

-webkit-transition-duration:1s;}

.sidebar .widget h2:first-letter{

text-transform:uppercase;

font-weight: regular;

font-size: 30px;}

</style>

Salve sem pôr um nome, coloque esse gadget bem em baixo do layout e salve a organização. Então estará pronto.

Espero que tenham gostado. Se tiverem alguma pergunta eu responderei quando voltar de viagem!
Bye bye.