MT: Imagem desfocada ao passar o mouse

Olá! Eu gostava de ter postado mais cedo, mas não consegui. Tenho muitos trabalhos para fazer, esta semana tenho 3 testes, e para a próxima 5 (ou seja, todos os dias). Se eu não postar com muita frequência, desculpem-me!

O tutorial de hoje é o efeito de imagem desfocada ao passar o mouse. Vamos aprender!

1- Para deixar a imagem normal e no hover ficar desfocada, é só colocares o código abaixo acima de ]]></b:skin>.

.desfoque {

-webkit-filter: blur(1px);

 -moz-filter: blur(1px);

filter: blur(1px);

 -webkit-transition-duration: .9s;

}

.desfoque:hover {

-webkit-filter: blur(0px);

 -moz-filter: blur(0px);

filter: blur(0px);

 -webkit-transition-duration: .9s;

}

Para a imagem ficar desfocada e no hover ficar normal, é só trocar os (1px) por (0px) e os (0px) por (1px).

2- Depois é só salvar e usar o código abaixo num gadget, post...

<img src="Url da Imagem" class="desfoque">

Também é possível usar este efeito em todas as imagens do blog, se quiserem saber como eu digo! 

Espero que tenham gostado.

Maratona de tutoriais: Personalizar o tooltip

Olá! Tudo bem? Uma das "prendas" do aniversário do blog vai ser esta maratona de tutoriais. Ainda não sei quantos posts vou fazer, mas deve andar à volta dos 4/5. Este é o primeiro, que é sobre como personalizar o tooltip.

Para quem não sabe, o tooltip é aquela caixinha onde diz "Vaga".

Para personalizar basta ir ao Html >> Ctrl+F >> Pesquisa por </head>

Acima dessa tag mete: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>

Agora procura por: ]]></b:skin>

E acima  da tag mete:

div#qTip {

padding: 3px;

background: #eee5de; /* Cor de Fundo*/

color: #8b8378; /* Cor da Fonte */

position: absolute;

z-index: 1000;

border: 1px solid #8b8378; /* Cor da Borda */

display: none;

font: bold arial;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

E agora é só editares como quiseres! Muito fácil :)

Espero que tenham gostado, beijinhos!

Evolução dos Telemóveis em 31 anos

Hi! Como vão? Eu estou extremamente bem, pois em Portugal está sol e calor o/, porém tive a estudar quase todo o dia e ainda vou ter que estudar amanhã pois, como já disse no meu blog, vou ter 4 testes seguidos esta semana, nomeadamente: Espanhol, Inglês, História, Português. Vamos ver se consigo sobreviver a esta semana. Se não me virem aqui para o próximo sábado podem pensar em duas coisas: Morri, não pude ou esqueci-me de postar. Chega de digitar não? Vamos ao assunto do post, já sabes onde clicar!