Efeito Colorfull

30 de ago de 2013

Ola trufas de menta ! Sou o novo postador do blog, me chamo Fábio e já vivi 13 primaveras. Hoje trago um tutorial muito simples e muito usado
 
Vá no editor de HTML do seu blog, aperte Ctrl+F e pesquise por ]]></b:skin>
Acima da tag procurada, cole o código abaixo:
.colorfull{
-webkit-transition: .7s;
border-radius: 3px;/*bordas arredondadas*/
border: 1px solid #CORDABORDA;
padding: 2px;
-webkit-filter: hue-rotate(0deg);
-webkit-transition-duration: .80s;
}
.colorfull:hover {
border-radius: 3px;/*bordas arredondadas*/
border: 1px solid #CORDABORDA;
-webkit-filter: hue-rotate(300deg);
-webkit-transition-duration: .80s;
}
A parte que está em negrito é a parte da "nova cor" da imagem. Você pode diminuir e aumentar, até que fique um resultado que você quer. A parte em itálico é a que você deverá alterar do jeito que quer.
Para utilizar o efeito, vá no seu layout, adicione um novo gadget de HTML/JS e cole o seguinte código: 
<a href="LINK_DA_COISA" title="NOME_DA_COISA"><img src="LINK_DA_IMAGEM" class="colorfull"/>

0 comentários :

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!