25/11/2012

Meta Atingida+Efeito Backy

Explodindo Glitter
Hoy Amores!
Tudo bem com vocês? .. Eu estou Muito Bem(:
Estou muito feliz , porque completamos 250 Seguidores! Thankil! Estou Muito feliz mesmo! Eu disse que iria fazer uma promoção quando completássemos 250 né? .. Pois mudei de idéia a alguns dias, resolvi fazer a promoção quando completássemos 300, pois acho melhor Ok? .. Prometo!
Hoje Trouxe um tutorial que foi pedido por uma leitora na ask, que é como colocar aquele efeito da elite daqui do blog! Vamos conferir?
Vá no seu HTML-> Expandir modelos de widgets-> de Cntrl+F ou F3 e procure por: </b:skin> 
Acima cole:
imagem2 {margin: 3px; width: 100px; height: 100px; overflow: hidden; position: relative; border: 3px solid #A0514C;float: left;}
nome2 {position: absolute; display: block; width: 300px; height: 30px;
top: 30px; margin-left: -20px; opacity: 0; text-align: center; color:#A0514C; background: #fff; -webkit-transition-duration: 0.8s; border-top: 3px solid #A0514C; border-bottom: 3px solid #A0514C; line-height: 4px; text-transform: uppercase ; -webkit-transform: rotate(-15deg); font-size: 15px; font-family: 'play'}
imagem2:hover nome2 { left: 20px; top: 60px; bottom: 5px; opacity: 1; width: 103px; height: 20px; line-height: 20px; -webkit-transform: rotate(0deg)}
O que tá em negrito é a cor das bordas.Em itálico as cor das letras e em Riscado a cor do fundo, entendido?
Salve e vá em adicionar um gadget-> HTML/Java Script  e cole o seguinte código:
<a href="Link"><imagem2><img src="Link da imagem" width="100px" /> <nome2>Nome do link</nome2></imagem2></a> 
Visualize se estiver tudo certo salve!
Bem fácil né?
Créditos: Explodindo Glitter
Até amanhã lindinhas!
Beijos 

18 comentários:

  1. ADOREEEI! Blog nota 1000! ja estou seguindo! Bjos!
    sweetdarkmachine.blogspot.com

    ResponderExcluir
  2. Parabéns pela nova meta atingida. Desejo que ganhe muitos e muitos outros seguidores e leitores.
    AMEI O TUTO! AJUDOU BASTANTE!
    Querida, o blog Loves Fashion,sua afiliada, completou 150 seguidores, meta anterior, então resolvi fazer uma votação (enquete) para as leitoras e blogueiras decidirem o que eu devo fazer em comemoração. No entanto, os três mais votados serão os quais irei fazer.


    Conto com o seu voto! Beijão,Loves Fashion

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Parabéns pela meta. Não entendi o efeito do tutorial, mas deve ser lindo.

    Lunática

    ResponderExcluir
    Respostas
    1. Obrigada Linda, Como assim?.. O que não entendeu amore?

      Excluir
  5. Oi Débora!Meu nome também é débora!Adorei seu blog!Já estou seguindo!E parabéns pela meta!!!!Bjs♥

    garota-doce-oficial.blogspot.com

    ResponderExcluir
  6. Hey já arrumei os prblemas dos afilisados . Parabéns pela meta !

    ResponderExcluir
  7. Parabéns pela meta lindaa!! E Muito legal o tutorial, vou ver se consigo colocar no meu blog!
    Bjoos lindaa!
    sweet-divertido.blogspot.com

    ResponderExcluir
  8. Adorei a dica!!!! :)

    Vi seu blog no grupo blah-blogueiros do facebook!
    Já estou lhe seguindo retribui???

    http://segredosdacahlima.blogspot.com.br/

    ResponderExcluir