jQuery Tabs – 15 tutoriais muito legais aqui
Quem nunca precisou apresentar muito conteúdo em pouco espaço? Pois é, este tutorial apresenta uma solução muito bacana para nos ajudar nestas situações. Não é necessário nenhum conhecimento aprofundado em programação para entendê-los, pois são em jQuery e basta seguir os tutoriais para que tudo se resolva.
O artigo original você encontra neste link. Espero que ajude
![]()
1. Slick Tabbed Content Area – utiliza CSS & jQuery

2. Tabs simples com jQuery

3. Tabs simples com jQuery

4. Tabs simples com jQuery & CSS

5. jQuery Tabs apresentando menu de navegação

6. Iniciando com jQuery Tabs

7. Como criar um efeito de slide com abas em jQuery

8. JavaScript: jQuery Tabs

9. Criar um efeito de Flip para conteúdos com jQuery

10. Tabs muito simples com jQuery

11. Criando facilmente jQuery Tabs

12. Animação para apresentação de conteúdos com jQuery

13. Tabs jQuery com efeito Fade

14. Efeitos de transição na apresentação de conteúdos com jQuery

15. jQuery Tabs para apresentação em barra lateral

This entry was posted by Douglas L. Figueiredo on 09/08/2010 at 21:05, and is filed under jQuery. Follow any responses to this post through RSS 2.0.You can leave a response or trackback from your own site.
-
#2 written by Douglas L. Figueiredo 1 year ago
Qual a aba que você usa aqui no seu site?
Por exemlo essa de Comments e Related PostsOlá Glauco.
Obrigado pelo comentário.
Utilizo o item 5.
Na lateral do meu blog, está como no tutorial. Já esta parte de comentários, foi editado no código. Para editar é necessário conhecimento básico de HTML, CSS e JavaScript.
Abraços. -
#4 written by Douglas L. Figueiredo 1 year ago
Como posso colocar forms dentro de cada tab?
Olá Antonio.
Para inserir um formulário dentro das tabs basta editar o HTML e inseri-lo no lugar do conteúdo, o que não irá interferir em nada na ‘animação’ das tabs. Alguns dos exemplos citados no post permitem download dos arquivos. Eu aconselho que você pegue estes arquivos e faça alguns testes.Qualquer dúvida estamos aê!
-
#10 written by Douglas L. Figueiredo 5 days ago
eduardo:
Muito bom mesmo, esse post mas tenho uma duvida ??
como faço para por dentro de um post??
por exemplo tres tabs onde cada uma apresente uma imagem com link e descrição sem recarregar a pagina??
valeu ate…..Olá Eduardo. Obrigado pelo comentário.
Existe este plugin, mas não cheguei a testá-lo:
http://wordpress.org/extend/plugins/wordpress-post-tabs/Abraços
-
#11 written by Douglas L. Figueiredo 5 days ago
eduardo:
Bacana as postagens!!!! Mas uma pergunta que pesquiso a muito tempo e não consigo responder, tem como usar jquery mesmo com o javascript do navegador desabilitado ja que o jquery é escrito com javascript? Obg!Na verdade não Eduardo.
jQuery nada mais é do que JavaScript, logo, se desativar o JavaScript do navegador, o jQuery não irá funcionar. -

Quem nunca precisou apresentar muito conteúdo em pouco espaço? Pois é, este tutorial apresenta uma solução muito bacana para nos ajudar nestas situações. Não é necessário nenhum conhecimento aprofundado em programação para entendê-los, pois são em jQuery e basta seguir os tutoriais para que tudo se resolva.
Qual a aba que você usa aqui no seu site?
Por exemlo essa de Comments e Related Posts