Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

Imagem que treme.
Você ja viu algum tumblr em que se você passa o mouse em cima da imagem do post ela treme ? Então vou ensinar aqui. Eu aprendi a fazer pelo tutorial do tumbletricks.

Então vou mostrar pra vocês como fazer. Eu dei uma adaptada básica.

01- Coloque o código abaixo, ACIMA de :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="http://tumbletricks.webs.com/treme.js"></script>

02- Agora coloque no seu CSS esse código:

.treme img{position:relative}

03- Agora procure por {block:Posts} e coloque acima dele isso:

<div class="treme">

04- Para finalizar procure por {/block:Posts} e abaixo dele coloque:

</div>

Créditos: tumbletricks.

Fácil né ? Comente se esse tutorial lhe foi útil :)

Marcadores:


Postado por I Love HTML. 09:06. 4 Comentários


4 Comentários:

Às 16 de julho de 2012 às 03:28 , Blogger Júlia disse...

o codigo do primeiro passo, você coloca acima de que??

 
Às 24 de julho de 2012 às 12:43 , Anonymous Anônimo disse...

01- Coloque o código abaixo, ACIMA de :

( De onde ?)

 
Às 27 de março de 2013 às 17:12 , Blogger Stephanie Moura disse...

abaixo de body

 
Às 20 de julho de 2013 às 11:55 , Blogger Unknown disse...

acima de?

 

Postar um comentário

- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.

Assinar Postar comentários [Atom]

<< Página inicial