♦ 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.

5 comentários:

  1. Que lindo *--*
    Bom, queria saber se existe alguma vaga para postadora em seu blog. Eu amo muito ele ><
    Meu conhecimento em HTML e em photoshop são bons, mexo a quase 2 anos ♥
    Ah, meus blogs caso tiver alguma "duvida"

    http://dreamers-s.blogspot.com.br/
    http://pics-kawaii.blogspot.com.br/

    Aguardo resposta ♥

    ResponderExcluir
    Respostas
    1. Você poderia me adicionar no facebook para conversarmos sobre isso? :3
      O meu tá lá em baixo, quando eu aceitar o pedido, converso com você okay? *-*

      Excluir
    2. Olá Lovelly ><
      Bem, eu acabei de entrar no seu facebook e não tem a opção de "Adicionar aos amigos"
      Então estou te mandando uma mensagem por lá mesmo ♥

      Excluir
    3. Aqui esta meu face, caso houver duvidas :
      https://www.facebook.com/Gabilolis

      Excluir
  2. se vc fizer banners gratís eu peço o meu para o meu blog Smart Girl faça uma capa bem legal o fundo da capa tem que ser transparente a capa bem menininha linda girl mais sabe bem legal mais só faça isso se for gratis

    http://smartgirlsbykarol.blogspot.com.br/

    ResponderExcluir