Cross-Browser CSS Drop-Down Menu Framework

Postado por: Pedro Rogério em

Desenvolver menus drop down em CSS pode parecer inicialmente uma coisa fácil, mas você verá que terá problemas com browsers como o Internet Explorer 6 e menores, pois o mesmo não interpreta o comportamento :hover em todos os elementos HTML, somente quando implementado na tag a. Pensando nisso, Tomas Bagdanavičius desenvolver um Framework para criar rapidamente Menus Drop down com CSS.

CSS Drop down menu

Atualmente o Framework possui 15 versões de menu já prontos, todos são Cross Browser e só é necessário JavaScript para que os menus funcionem no Internet Explorer 6 e menores. Vejam o exemplo de um menu semelhante ao da Adobe criado com o Framework.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

7 Responses to “Cross-Browser CSS Drop-Down Menu Framework”

  1. Igor Pimentel disse:

    Já tinha visto esse Framework ontem em um post do cssglobe.com, ele é muito bom por sinal, além dos themes já prontos que vc encontra no site do autor.. vc pode criar seu próprio theme alterando apenas um arquivo css. Boa dica! ;)

  2. Alexsandro disse:

    Bem interessante em… gostei.

  3. Alex Batista disse:

    Recentemente, desenvolvi o site do Bomclube e tive muito problema na hora de criar o menu drop down, pois o meu maior desavio era a superação dos limites do IE6, afinal, serei o browser padrão do cliente.

    Esse é um ponto muito negativo da Microsoft, a falta da necessidade de solicitar aos seus usuários a precisão de baixar uma última versão. Não existe uma importância (política) com relação a esse assunto.

    Maravilhasa de framework! Não o conhecia. Parabéns pela publicação.

  4. Já tô usando em um projeto e digo, foi o mais fácil e prático de usar. :D

    Valeu pela dica Pedro.

  5. @eulerdesign disse:

    Legal o post, Eu estou precisando de algo parecido com o Drop-Down ( não sei sé a mesma coisa )

    -Eu tenho um link (login) no topo da página, dai eu quero que quando o link for clicado abra uma janela (tipo Drop-Down) com o formulário com um campo pro nome outro pra senha e o botão de ok.

    Alguém tem alguma sugestão?

    Desde já, obrigado!

Leave a Reply