Site em css3

[Joao Marcos_173092 0]

Ola, achei muito interessante este site que está todo um.

sem links. o corpo todo em principal.

http://www.tnci.com.br/#home

 

Alguem poderia apenas me fornecer algum material ou tutorial?

desde ja agradeço muito!

[YFilus 14]

Oi João, tudo bem?

 

Gostei muito da sua iniciativa em aprender, e fazer por si só!

 

Chamam isso de "one page site", e nada mais é do que uma tripa gigante, mas no lugar dos links para outras páginas, o menu do topo aponta para o id da div aonde ele quer ir.

 

$('html, body').animate({
    scrollTop: $("#vemaqui").offset().top
}, 500);

Retirado de http://ruancarlos.com.br/Blog/scroll-to-scroll-animado-com-jquery/

 

Aqui tem um tutorial mais completo, em inglês, mas sinceramente, não tem muito segredo: http://designm.ag/tutorials/single-page-dynamic-website-using-animatescrolljs/

 

Se tiver algum problema na implementação, pode me enviar uma mensagem!

Até mais!

[Joao Marcos_173092 0]

muito obrigado.

irei pesquisar a respeito! (:

[Keven Jesus_164006 39]

mais conhecidos como "link ancora" como o jovem citou ai uma enorme tripa .. mais cuidado isto vicia e nem todos os sites deve ter esta cara kkkkk

 

segue um tutorial do adriano giovani

http://www.adrianogianini.com.br/videoblog/efeito-ancora-animada-com-jquery/