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;
}

You May Also Like

9 Comentários

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

      Excluir
  2. 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. 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
  3. 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. 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. 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
  4. 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, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)