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

Menu que rola pra cima.
Como haviam pedido aqui está o tutorial do efeito do menu que eu Fran estou usando :D

1- Coloque esse código no seu CSS se quiser que o menu gire para cima.

.menufk{float:left;padding:6px;text-align:center; height:auto;width:auto;margin:1px;webkit-transition-duration: .90s;font:11px georgia;background:#eee;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;border-radius:10px;color:555;}

.menufk:hover{background:#ddd;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;-webkit-transform: rotateX(360deg);transform: rotateX(360deg);-o-transform: rotateX(360deg);}

2- Coloque esse código no seu CSS se quiser que o menu gire para o lado (na horizontal).

.menufk{float:left;padding:6px;text-align:center; height:auto;width:auto;margin:1px;webkit-transition-duration: .90s;font:11px georgia;background:#eee;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;border-radius:10px;color:555;}

.menufk:hover{background:#ddd;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);-o-transform: rotateY(360deg);}

Para usar coloque a class menufk no seu menu.

- Se for falso iframe:
<span onClick="changeNavigation('01')" class="menufk">01</span>
<span onClick="changeNavigation('02')" class="menufk">02</span>
<span onClick="changeNavigation('03')" class="menufk">03</span>

- Se for de links:
<a href="LINK AQUI" class="menufk">01</a>
<a href="LINK AQUI" class="menufk">02</a>
<a href="LINK AQUI" class="menufk">03</a>

Pronto ! créditos dos códigos pra girar: css3maker

Postado por I Love HTML. 17:32. 1 Comentários


1 Comentários:

Às 7 de março de 2012 18:03 , Blogger maddie0147 disse...

Hi, I came across your site and wasn’t able to get an email address to contact you. Would you please consider adding a link to my website on your page. Please email me back.

Thanks!

Madison
maddie0147@gmail.com

 

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