A melhor opção gratuita que encontrei até agora foi o Easy CSS Menu.
Prós
- Realmente gratuito e aparentemente sem pegadinhas;
- Gera menus profissionais, muito bonitos;
- Gera código HTML e CSS fácil de editar;
- Você pode usar esse código no seu projeto de automação.
Contras
- Efeitos dependem de código javascript obfuscado. 15/12/2019: Hoje, passados mais de três anos, eu revisitei o assunto e apesar do site dizer “não requer javascript” a versão mais recente do programa, 5.3, ainda gera um menu que depende de um arquivo “mbjsmbmcp.js” para funcionar.
Notas
1) Você pode tornar o código javascript “legível” usando o serviço online jsbeautifier.
2) O código javascript gerado impede o uso do evento onClick dos itens de menu. Como o código é obfuscado o jeito mais fácil de habilitar os eventos é remover a linha que carrega o arquivo .js.
|
1 |
<script type="text/javascript" src="menus_files/mbjsmbmcp.js"></script> |
Com isso você perde os efeitos, mas de resto tudo continua funcionando.
3) Alternativamente, você pode editar o código apagando todas as referências a .onClick. Mas comigo funcionou bastando dar uma busca pela função que começa com
|
1 |
if (ah.href && (!ah.target || ah.target.toLowerCase( |
e apagar o seguinte trecho que vem logo a seguir:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
ah.onclick = function(az) { if (!az) { var az = window.event } az.cancelBubble = true; if (az.stopPropagation) { az.stopPropagation() } if (c) { if (ad) { ad = false; return false } } } |
4) Você pode acrescentar manualmente (com copiar e colar em um editor de textos) itens ao menu, mas preste atenção a linhas como esta:
|
1 |
<ul class="gradient_menu gradient216"> |
Nas configurações default o número no final da linha precisa corresponder ao número de itens do menu * 36, ou o gradiente ficará bagunçado. No exemplo são (216/36=) 6 itens.
Leave a Comment