22 outubro 2012

Wishlist Sides

Boa Noite /<3/

Como vão? Bom queria levar a interação com os leitores para fora do blog,
pensei em fazer uma gincana, mas um prêmio seria um layout free ou algo do tipo
mas vi que não teria tempo para um prêmio desses, pensei em pedido de capas para facebook, eu teria tempo de fazer e ocorreria lá mesmo os pedidos as 
entregas  tudo mais, então queria saber a opinião de vocês querem que eu faça a 
gincana só que com prêmios que levem menos tempo que um layout free (se for deem 
sugestões de prêmios) capas para o facebook ou deem outra sugestão.

Sobre o post de hoje eu trouxe uma wishlist muito lindinha que ao contrário 
da maioria que a borda cresce só de um lado ela cresce dos dois, eu achei ela
no tumblr Css and html e a apelidei de sides então os créditos dela vão pra lá 
veja ela aqui.




1. Vá em editar html procure por:
]]></b:skin>

E acima dessa tag cole isto:

.wish2 { color:#fff;background: #daccf6; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:center;margin-bottom : 2px;padding-left : 10px; 
-webkit-transition-duration: .50s; border-left: 5px solid #eda3c3; border-right: 5px solid #; text-shadow: 1px 1px 0 #}
.wish2:hover {color:#0000; padding-left : 10px; border-left: 30px solid #ff72a0; border-right: 30px solid #ff72a0;}
.wish2 a {color:#ffffff;}

Bom só vou explicar os códigos principais:
Ali em Background é o fundo da wishlist,
Font-Size é o tamanho da fonte,
border-left é a cor e o tamanho da borda esquerda antes de se passar o mouse,
border-rigth é o tamanho e a cor da borda direita antes de se passar o mouse,
Novamente em border-left dentro de .wish2:hover é cor e o tamanho quando
 se passa o mouse,
e em border-rigth dentro de .wish2:hover a mesma coisa do anterior só que 
na borda direita(espero que tenham entendido).

Bom agora abra um gadget javascript e dentro dele cole isto:
<div class="wish2">Oque quer aqui</div>

Pronto.         


5 comentários:

  1. Meu deus,eu vim ver seu blog agora,e vi esse lay perfeito da minha diva! OMJ! TÁ MARAVILHOSO!!

    E o tuto dá wishilist tá bem explicado!

    ResponderExcluir
    Respostas
    1. Awm obrigada Nen, fico muito feliz por você ter gostado.

      Excluir
    2. *----* Douta. (De nada)

      Excluir
  2. Com certeza quero participar da gincana, prefiro um lay ;)
    Estou seguindo aqui, ficaria honrada em te ter no meu cantinho tbm.
    Beijos

    belezaempotencial.blogspot.com

    ResponderExcluir
    Respostas
    1. É eu adoraria também a gincana mas como disse não tenho tempo para um lay, e eu vou seguir.

      Excluir