-Para adicionar o efeito em todas as imagens:
2.Procure por ]]></b:skin>
3.Cole acima disto esse código:
.post-body img {4.Visualize e se estiver tudo certo, salve.
border-radius: 45% / 20%; /* Borda arredondada */
box-shadow: 0px 0px 15px #f5abe5; /* Cor da Sombra */
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius: 0; /* Eliminar borda arredondada */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
-Para usar apenas na imagem que vc quiser:
1.Adicione o código anterior acima de ]]></b:skin>
2.Troque .post-body img por .arredondado, e .post-body img:hover por .arredondado:hover
3.No HTML da postagem adicione isto:
<img class="arredondado" src="URL da Imagem" />
4. Visualize sua postagem e se estiver tudo ok, publique :3
Espero que gostem. Se quiserem mais formatos de bordas e efeitos, visitem o site do autor deste tutorial. Esse foi o que achei mais fofo.
Beijus...
Créditos: http://ciudadblogger.com/2012/02/efectos-de-bordes-redondeados-en-las.html
Ameeeeeeei esse tutorial!! Vou aplicar no meu blog s2 Seria uma honra eu estar na sua Elite!! *----* Muuito obrigada!! s2
ResponderExcluirnossa Ro muuuuuito obrigada *-*
ResponderExcluiresta muy bonito el efecto gracias por el tutorial =D
ResponderExcluirStheffanni:Obrigada! Já adicionei vc ^^ Beijinhus<3
ResponderExcluirPri: De nada :3 Espero que vc tenha gostado ;3 Beijus e muito obrigada<3!!
Annyz: Me alegro que te haya gustado! Besitos y gracias<3
Esse efeito é muito kawaii e seu blog tbm!!!Ameii demais só que esses dias ando sem tempo,só tenho provas rrsrs beijos ^-*
ResponderExcluirhttp://www.cotidianodeumabarbie.blogspot.com/
Achei super interessante esse efeito. Só que eu pego mania e fico brincando com as imagens, colocando e tirando o mouse em cima kkkkkkkkkkkkkkkkk
ResponderExcluirVal Araujo design
Realmente fica lindo não é ^^
ExcluirEu faço isso tbm rsrsrs...:3
Seja bem-vinda, beijus e muito obrigada!!!
Eu não consigo fazer :(
ResponderExcluirNão? O que não deu certo? Basta add o código acima de /b:skin; se eu puder ajudá-la :)
ExcluirBeijus<3
Roberta,realmente é fofo,estou usando *0*
ResponderExcluirTem como colocar esse efeito em só uma imagem??
ResponderExcluirThere |Chiclete Funny
Ops... Já intendi, acho que eu não olhei direito descupe!
ResponderExcluirRoberta vc sabe onde tem ou vc tem aquelas Layouts tipo que tem fotos tipo essa doBunny Crazy só que com título, e que pode clicar, agente pode colocar efeito nas imagens etc... Por favor, espero que tenha intendido por que eu não sei explicar muito bem :3 Obrigado
ResponderExcluirAcho que você procura por um que mostre miniaturas de postagens na página inicial? Usei um uma vez da Hatsune Miku; ele é bem completo! Talvez seja o que procura...
Excluir