Mostrando postagens com marcador Menu. Mostrar todas as postagens
Mostrando postagens com marcador Menu. Mostrar todas as postagens

segunda-feira, 24 de novembro de 2008

Como criar um menu suspenso

O menu suspenso pode ser uma ferramenta muito útil para os blogs de diversas maneiras. Pode-se ter uma lista de links ou de parcerias no menu suspenso, de modo a economizar espaço e não preencher tanto o seu layout. Em alguns casos ele é usado como menu de navegação no blog.
Veja aqui um exemplo de menu suspenso:


Nesse exemplo a página selecionada é acessada automaticamente. Para conseguir um botão Acessar que ative o link marque a opção Usar um botão no gerador. Também é possível ter uma imagem em vez de um botão simples, neste caso marque a opção Usar imagem como botão.

Veja este menu:





Para conseguir um menu como este acima, com mais de uma célula, faça o seguinte:

1. Após clicar no botão Gerar você verá que as primeiras linhas do código dadas serão estas:

<form name="jump">
<select size="1" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

2. Modifique o número (marcado em verde no trecho acima) para o número de células que deverão aparecer.

Agora, veja o gerador abaixo e experimente fazer o seu menu suspenso.


Se preferir, acesse aqui o gerador numa nova janela.



Se preferir, acesse aqui o gerador numa nova janela.

Notas para utilizar o gerador -

1. Preencha os campos em branco à esquerda com o nome da célula e o campo respectivo à direita com o endereço do link correspondente.
2. Selecione ao alto as opções de como será o menu.
3. Clique em Gerar copie o código, cole-o em seu blog e bom proveito!

domingo, 5 de outubro de 2008

Menu right click

Aqui segue a dica de como conseguir um elegante menu para seu blog que é ativado quando o visitante clica com o botão direito em qualquer lugar desta página. Para ver como ele funciona clique com o botão direito em qualquer lugar nesta página que ele aparecerá, ao invés das opções dadas nas páginas em geral.1

Para instalar o script que ativa este menu em seu blog clique no botão abaixo:

ou copie o código da caixa abaixo colando-o em um novo elemento de página (HTML/Javascript) de seu blog.