Logo Suckerfish Multi-Level Menu CSS Generator Ícone

Suckerfish Multi-Level Menu CSS Generator

Grátis
Funciona em: Web
Adicionado em : 15/10/2008 PixoPoint Web Development

O que estão falando…

Já usou? Avalie! +0 Avaliações - Seja o primeiro a avaliar o produto!

Descrição

Danilo Amoroso
Poupe trabalho e use este site para gerar o código CSS para a criação de menus

Este site é uma ajuda para programadores que querem fazer os famosos e extensamente utilizados menus drop-down, ou seja, aqueles menus que são expandidos ao clicar na seta apropriada. Basta configurar as diferentes opções para gerar o código e aplicar um menu mais estilizado onde você quiser.

Deixa que o Suckerfish faz o trabalho chato

Para começar, você pode escolher um design pré-feito. As opções incluem menus de diferentes cores, como vermelho, verde, rosa, azul e amarelo, além de estilos como berrylicious, mórbido, chiclete e até o padrão WordPress. A orientação do menu também pode ser definida em horizontal ou vertical.

Em seguida, você define as configurações dos itens superiores do menu, como imagem e cor de fundo (caso nenhuma imagem seja selecionada, apenas a cor de fundo é exibida), a cor da seta quando ativa, cor do texto (fixo ou quando “rolado” pelo menu), tipo e tamanho da fonte.

Já os itens inferiores do menu incluem cor de fundo (fixo ou quando “rolado” pelo menu), cor do texto (também quando “rolado”), tamanho e tipo da fonte.

As opções do layout do menu desejado.

Fazendo o código

Depois de definir o estilo do menu, basta enviar as configurações para que o Suckerfish desenvolva o código e o divulgue para você. Basta copiar o código e colá-lo em um arquivo CSS.

O código funcionará em qualquer lista com a identificação <ul id="suckerfishnav">.

O código gerado.

Dicas

Algumas versões antigas do Internet Explorer podem não executar o menu corretamente. Para evitar este problema, você pode integrar o código “Suckerfish Javascript for Internet Explorer” ao seu site. Clique aqui para visualizar o complemento.

Para permitir que os usuários acessem o menu através do teclado, clique aqui e aplique o “Suckerfish Javascript for keyboard accessibility”.

Nossa Opinião sobre o Suckerfish Multi-Level Menu CSS Generator

Este é o tipo de ajuda que vem a calhar para muitos programadores,pois eles sabem o quão chatinho é desenvolver menus em CSS. Com a ajudadeste serviço, o “grosso” da codificação é feita em instantes, bastandovocê alterar aquilo que desejar.

O que falta neste serviço é umapré-visualização do menu criado. Ou seja, você deve especificar o menu,gerar o código e somente depois de testá-lo é que você vai saber seprecisa fazer modificações. Isso pode dar um pouco de trabalho, fazendocom que você vá e volte ao site.

Prós & Contras

Prós

  • Faz o trabalho chato
  • Opções de estilo

Contras

  • Não tem pré-visualização

Interesse ao longo do tempo

Compartilhe essa página

Avaliações sobre o Suckerfish Multi-Level Menu CSS Generator

  • {{comentario.nome}} {{comentario.data}}
    {{comentario.nota}}
    Nota {{comentario.notaExtenso}}!
    Editar Avaliação