Tutorial-Estilo fofo para imagens

by - julho 14, 2013


Oii Cheirosos^.^
Espero que estejam aproveitando o domingo~.~
Criei um estilo bem fofinho para vocês usarem, nas imagens dos post.
adoro criá-los e usá-los, facilita muito a vida~~

Visualize o efeito na imagem abaixo:
(Passe o mouse também)




Para usar o efeito:
 Vá em Design    Editar HTML    aperte Ctrl F e procure por: ]]></b:skin>

Acima da tag cole o código:



.post-body img {
border: 6px solid #e3d3e8;
box-shadow: 0px 0px 10px #fcc; /* Cor da Sombra */
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;}  
.post-body img:hover {
border-radius: 32%; /* Eliminar borda arredondada */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Share
Tweet
Pin
Share
Tags :

You May Also Like

9 Comentários

  1. Unknown14 de julho de 2013 às 11:05

    :// Não consegui ://

    ResponderExcluir
    Respostas
    1. Gaby Misaki14 de julho de 2013 às 11:54

      ~~É por que no seu blog, já tem esse efeito nas imagens^^
      ~~kissus*3*

      Excluir
  2. lele22 de julho de 2013 às 17:12

    Eu não consegui :c

    ResponderExcluir
  3. Gaby Misaki23 de julho de 2013 às 10:03

    Se vc fez tudo certinho, e não funcionou é por que no seu blog já tem efeito nas imagens, lembrando que o efeito é as bordas roxas e o arredondamento,não o efeito arco-íris^^

    ~~Kissus

    ResponderExcluir
    Respostas
    1. Anônimo23 de julho de 2013 às 18:51

      Mas eu fiz isso e mesmo assim infelizmente não consegui, e não tem nem esse e nem um outro efeito :( Me ajuda?

      Excluir
  4. Anônimo23 de julho de 2013 às 18:35

    Poôô gostei bastante, mas infelizmente não acho os códigos que a maior parte das páginas falam nos tutos...
    Poderia me ajudar? Qual é o nome desse modelo de blog? É o Travel não é? É o Travel que quase sempre tem tutos né?

    ResponderExcluir
    Respostas
    1. Gaby Misaki24 de julho de 2013 às 10:50

      Yoo^~^
      Claro que posso te ajudar, sim, é o travel, estou ensinado a editá-lo, todo dia eu faço uma postagem como editá-lo, já estou na 4:
      Parte 1: http://garotasqcurtemanime.blogspot.com.br/2013/07/aprendendo-criar-um-layout-parte-1.html

      Parte 2: http://garotasqcurtemanime.blogspot.com.br/2013/07/aprendendo-editar-um-layout-parte-2.html

      Parte 3: http://garotasqcurtemanime.blogspot.com.br/2013/07/aprendendo-editar-um-layout-parte-3.html

      Parte 4:http://garotasqcurtemanime.blogspot.com.br/2013/07/aprendendo-editar-um-layout-parte-4.html

      ~~Kissus

      Excluir
    2. Anônimo24 de julho de 2013 às 16:29

      Hahaha valeu ^-^ Comecei a fazer o Travel num blog teste... Acabei que conseguindo colocar no outro, mas não dá em nada já que vou ter que trocar o modelo mesmo :(

      Excluir
  5. Anônimo24 de julho de 2013 às 21:58

    Como eu uso apenas em algumas imagens? Tipo você o/ ^-^

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o, ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ (╯°□°）╯•ᴥ• (´･ω･`)