Imagens com bordas decorativas e efeitos

16 de jan de 2013

Olá queridos vim hoje ensinar a vocês como colocar um efeito legal nas imagens do blog...Vamos ao Post :)





Na Nova interface do blog, clic em Modelo, Editar Html, Prosseguir. Pressione a tecla 

Ctrl + F no seu teclado ou pressione o botão F3,
na barrinha que surgiu escreva ]]></b:skin> 


Observe que o código foi localizado agora copie o código abaixo cole antes de ]]></b:skin> e salve.



.post-body img {

border-radius: 50% 0; /* bordas */
box-shadow: 0px 0px 1px #000; /* Sombra */
padding:15px; /* Espacio entre la imagen y el borde */
background:url(
http://i111.photobucket.com/albums/n159/docedani/back05-1_zps62e77b79.gif
); /* Cor da borda */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius:0; /* bordas */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Selecionei alguns Background para usar nas bordas.
Clic com o botão direito na imagem desejada em seguida copiar endereço da imagem e cole na parte verde no código. 

          
                      

1 comentários :

Aria Witcel disse...

Nao consigo colocar, ele salva porem nao aparece nada.

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!