Bom dia, amores.
Daqui a uma semana irei postar uma enquete para vocês avaliarem o desempenho das novas postadoras. Se a avaliação que fizerem não for boa, garanto que irei tomar providências. Peço que por agora, observem sempre as postagens de cada uma e façam suas anotações, para poder tirar uma conclusão correta depois. A opinião de vocês é muito importante para todos aqui no blog e deve ser levada em conta sempre.
Bom, trouxe um tutorial bem básico para vocês, que deveria ter trazido faz muito tempo. Acho que vocês já viram em alguns blogs imagens com bordas feitas em código e não pelo Photoshop. Essas bordas aparecem automaticamente, sem que você precise editar todas as imagens que decidir enfeitar, além de ter a capacidade de mudar a coloração ou o tamanho ao passar o mouse. Acreditem: É super fácil de fazer.
1. Vá até editar HTML e procure por ]]></b:skin>. Acima dessa tag, cole:
.main img {border: 3px solid #f17c9d;-webkit-transition-duration: .50s;}.main img:hover {border: 3px solid #c8a2d4;-webkit-transition-duration: .50s;}
O código é bem simples: 3px refere-se ao tamanho, solid ao tipo de borda e #f17c9d ao código da cor. É só trocar pelo que preferir. A primeira parte do código é o que aparece sem passar o mouse e a segunda com o mouse sobre a imagem (hover). Edite como desejar e depois salve.
É só isso, gostaram?
Nenhum comentário:
Postar um comentário