8 de maio de 2012

Tutorial- Como arredondar as pontas das imagens do seu blog?


Hey bomboquinhas de canela, agora vou ensinar vocês a colocar as pontas da imagem do vosso blog redondas!

Vá em Design > HTML > Aperte F3 ou Ctrlf+F > Pesquise ]]></b:skin>] > E em cima de ]]></b:skin>cole o seguinte códeigo:

.main img {
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px; 
-webkit-transition-duration: .70s; 
}

.main img:hover {
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px; 
-webkit-transition-duration: .70s; 
}
 



<<<<<<<<

Vai aparecer assim:
Coloque o ]]></b:skin>coloque o mais em baixo e meio coloque o código indicado em cima, ficando assim:
(CLIQUE PARA AUMENTAR)





Nenhum comentário:

Postar um comentário

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)