♦ Tutorial ~ Efeito Borda Gota

 Olá pessoal, tudo bem???
  Esse ano eu estou tão distante do Chá e CupCake, sei lá porque. Eu não estou fazendo nada de tão importante na internet para não vir postar aqui, aliás, eu estou reduzindo muito meu horário pois não acho nada de interessante para fazer na net TT^TT (realidade). Estou com preguiça de criar layouts free, themes, criar tutoriais mais elaborados, mas vou tentar voltar aos pouquinhos. Já estou pensando no layout do mês que vem e em tutoriais bacanas para vocês. Beleza???
  Hoje eu irei ensinar o efeito Borda Gota, é super simples mas é bem bonito. Pode ser usado onde quiser, pois não é tão chamativo, é bem básico. Enfim.


No seu painel vá em:
Layout >> Adicionar um Gadget >> HTML/JavaScript
E cole esse código
<style>
.borg{-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8;
}
.borg:hover{-webkit-border-radius: 360px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 360px;
-moz-border-radius-topleft: 0;
border-radius: 360px;
border-top-left-radius: 0;}
</style>
E onde você quiser que apareça cole esse código
<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a>
Não precisa editar absolutamente nada, só substituir o que precisa.
O post foi só isso, agora eu irei criar alguns themes para TUMBLR, alguém tem algum tema em especial eu fazer?
Bye bye

12 comentários:

  1. Legal o efeito, espero que volte aos pouquinhos MESMO! HEHE' Beijos!

    Dá uma passadinha?

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigado ^^, também espero, tomara que a preguiça não bata novamente.
      Está fechado teu blog.

      Excluir
  2. Nossa Muito legal, este tuto...
    amei..

    Beijos

    dazzling--world

    ResponderExcluir
  3. É lindo o efeito!

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Gostaria de me afiliar o blog . Responde lá.

      http://meucupcakedemorango.blogspot.com.br/

      Excluir
    2. Obrigado.

      Claro que eu aceito afiliação. Já adicionei

      Excluir
  4. Oii Byel!! To sumida aqui no C&C, né? (falando C&C parece Casa & Construção 0.o) Ou você nem percebeu? Mais provável...

    O efeito é bem simpleszinho, mas é bem fofinho (ainda mais aquele gatinho na prévia)

    Bjss

    ResponderExcluir
  5. Eu adorei esse efeito! Já vou deixar salvo aqui pra usar na minha elite *--*

    ResponderExcluir
  6. Efeito lindoo demais.
    Gostaria de me afiliar ao blog aceita?

    docemundokawaii.blogspot.com.br/

    ResponderExcluir
  7. Muito legal esse efeito,talvez use-o em um próximo layout ^.^

    Ah! Byel,vim para avisar que mudei de link,poderia arrumar na elite de afiliados? O novo link é : sonho-de-menina-s2.blogspot.com Obrigada pela atenção,e o blog ta uma fofura *w*

    Laura-SdM

    ResponderExcluir
  8. Muito bom esse efeito.

    blog-da-marci.blogspot.com.br

    ResponderExcluir