Tutorial: Efeito sépia nas imagens do blog

Yoo ◑•◐

Hoje, vou ensinar um tutorial que fica bem fofo no blog. Quando você passa o cursor na imagem ela fica com o efeito sépia (antiga, amarelada). É bem simples de fazer e vale a pena!

1- Vá em Editar HTML e procure pelo famoso ]]></b:skin> acima desse código cole:

img { -webkit-filter: sepia(0%); transition:All 0.4s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } img:hover { -webkit-filter: sepia(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}

E pronto! Agora todas as imagens do seu blog vão ficar com esse efeito

Créditos: One Dí Things

Até logo, e votem em um novo nome para o blog aqui!

Utilitários - Ilustrações Coreanas + Devo mudar?

Olá ●ω●

Eu fiz algumas ilustrações 500 x 150 de coreanas, porque elas são super fofas e muitos blogs usam imagens delas para ilustrações, afiliados, etc. 

Todas foram feitas por mim, se usar alguma credite em algum espacinho da postagem.

São, ao todo dez imagens, todas com algum efeito, e todas já estão em tamanho original.

Devo mudar?

Galera, eu estava pensando, já que o blog agora é especialmente de utilitários e tutoriais, o nome Assim Tipo Tudo não fica bem... O que acham?

Separei alguns nomes que eu queria dar para o blog, e deixei também a opção Assim Tipo Tudo, para quem quer que o blog continue assim. O voto de cada um de vocês é muito importante para mim ok?

Beijos! Ráh

Tutorial - Efeito Giratório para afiliados

Yoo

Eu estava procurando um efeito legal para postar aqui no blog e achei um efeito giratório para elite de afiliados bem legal no Birthday Cake...

Preview

A imagem dos afiliados já fica redondinha, quando você passa o cursor por cima a imagem gira.

1- Vá em Editar HTML e procure pelo famoso ]]></b:skin acima desse código cole:

.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;box-shadow: 2px 1px 2px #909090;}.elite:hover{-webkit-transform: rotate(360deg);}

2- Salve. Vá em Layout > Adicionar Gadget > HMTL/JavaScript e cole:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

Vá repetindo o código, um código equivale a uma imagem de afiliados.

Créditos: Birthday Cake

Até mais queridos :3