AjudaFM
Bem-Vindo
não é obrigado se registra para ver nosso tutoriais
agora se quiser tirar uma duvida registre-se
Bem vindo ao AJUDAFM 4.0
Cadastre-se agora para ter acesso a todos os nossos recursos. Uma vez cadastrado e logado, você será capaz de criar tópicos, postar respostas a tópicos já existentes, a reputação de seus companheiros, começar seu próprio mensageiro privado, atualizações de status post, gerir o seu perfil e muito mais. Esta mensagem será removida assim que tiver logado no AJUDAFM 4.0
Entrar Cadastre-se
AjudaFM

Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] Menu seletor

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL] Menu seletor em Ter Dez 18, 2012 12:03 am

Mensagens : 81
CashFM : 219
Reputação : 16
inscrição : 19/11/2012
Idade : 20
Localização : Logo ali

avatar

iHeload

ModeradorFM

ModeradorFM

Menu seletor


Em alguns fóruns, podemos ver que os mesmos possuem muitos fóruns e sub-fóruns em uma única seção. Com este tutorial, você aprenderá a criar uma menu seletor, de onde você pode escolher a área ao qual quer ir.


--> Tutoriais, dicas e astúcias <--
Menu seletor


Seta Código que deve ser utilizado:
O código é bem simples. No próximo ponto iremos explicar onde o mesmo poderá ser colocado, mas de maneira geral é em qualquer local que aceite códigos HTML.

O código para o menu que iremos utilizar é:

Código:
<form name="jump"><script>function jumpMenu(){location=document.jump.menu.options[document.jump.menu.selectedIndex].value;}</script><select name="menu"><option value="LINK_DA_OPÇÃO_1">OPÇÃO_1</option><option value="LINK_DA_OPÇÃO_2">OPÇÃO_2</option></select> <a href="Javascript:jumpMenu()"><img src="http://illiweb.com/fa/valid.png" border="0"></a></form>

LINK_DA_OPÇÃO_1/LINK_DA_OPÇÃO_2 Seta Deverá substituir pelo endereço das categorias, fóruns, sub-fóruns ou quaisquer sites em que você quer que o menu te leve ao se selecionar determinada opção.

OPÇÃO_1/OPÇÃO_2 Seta Este local deve ser substituido pelo nome da seleção pela qual você deseja.


- Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite códigos HTML. Mas, para facilitar, trouxemos uma lista deles:

Seta Mensagem da Home Page:
Painel de Controle Seta Visualização Seta Home Page Seta Geral Seta "Mensagem da Home Page"

Seta Widgets (em todos que são possíveis de criar ou modificar):

Para o Portal:
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Configuração do portal Seta Estrutura

Para o Fórum:
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum

Seta Newsletter's (modo HTML)
Painel de Controle Seta Geral Seta Newsletter Seta Redação e envio

Seta Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens):
Só terá efeito na determinada mensagem!

Seta Descrições de fóruns e sub-fóruns:
Painel de Controle Seta Geral Seta Fórum Seta Categorias e fóruns

Seta Páginas HTML:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML


Resultado Final:

Obs: No resultado se clicarem para ir na seleção não resultará, pois o HTML deve estar ativado para Mensagens.

Obs: Para criar este resultado eu usei este código:
Código:
<form name="jump"><script></script><select name="menu"><option value="http://spdesign.ativoforum.com">SP-Design</option><option value="http://spublicidade.forumeiros.com">SPublicidade</option></select> <a href="Javascript:jumpMenu()"><img src="http://illiweb.com/fa/valid.png" border="0"></a></form>



© AjudaFM & Cream & iHeload


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Menu seletor



Última edição por iHeload em Ter Dez 18, 2012 10:42 am, editado 1 vez(es)


_________________________________________________________________________________________________________

Olá Convidado, olhe essas Dicas Importantes:
- Respeite as Regras do fórum
- Teste o Editor de Imagens
- Utilize as Ferramentas de usuário e o serviço de litígios.
- Conheça os Tutoriais que vão lhe ajudar em seu fórum
- Não peça suporte por MP ou no Chat-Box
- As mudanças de nome de usuário são feitas clicando Aqui
Ver perfil do usuário http://sw-design.forumeiros.com

2 Re: [TUTORIAL] Menu seletor em Ter Dez 18, 2012 12:11 am

Mensagens : 100
CashFM : 264
Reputação : 21
inscrição : 02/07/2012
Idade : 19

avatar

Maxinho

AdminFM

AdminFM

Por favor coloque os créditos do original criador/desenvolvedor

seu tutorial deve ser colocado http://ajudafm.ativoforum.com/f29-proponha-nos-seu-tutorial aqui para passar por aprovação e evitar erros como esse


_________________________________________________________________________________________________________

Olá Convidado, Dicas Importantes:
- Respeite as Regras do fórum
- Teste o Editor de Imagens
- Utilize as Ferramentas de usuário e o serviço de litígios.
- Conheça os Tutoriais que vão lhe ajudar em seu fórum
- Não peça suporte por MP ou no Chat-Box
- As mudanças de nome de usuário são feitas clicando Aqui
Ver perfil do usuário http://ajudafm.ativoforum.com

3 Re: [TUTORIAL] Menu seletor em Qua Dez 19, 2012 11:50 am

Mensagens : 2
CashFM : 7
Reputação : 1
inscrição : 05/12/2012

avatar

D'Leandro™

Sou Nível 1


Desculpe amigo mas este código é meu.
Veja o tópico: http://staffergroupbr.stuning.net/t766-tutorialinserindo-menu-seletor?highlight=seletor

Peço com todo o respeito que isso não se repita. Obridago.

Ver perfil do usuário

4 Re: [TUTORIAL] Menu seletor em Qua Dez 19, 2012 1:09 pm

Mensagens : 81
CashFM : 219
Reputação : 16
inscrição : 19/11/2012
Idade : 20
Localização : Logo ali

avatar

iHeload

ModeradorFM

ModeradorFM

Pode ser amigo, mais eu peguei este tutorial do Cream do FDF -
http://ajuda.forumeiros.com/t56823-tutorial-menu-seletor


_________________________________________________________________________________________________________

Olá Convidado, olhe essas Dicas Importantes:
- Respeite as Regras do fórum
- Teste o Editor de Imagens
- Utilize as Ferramentas de usuário e o serviço de litígios.
- Conheça os Tutoriais que vão lhe ajudar em seu fórum
- Não peça suporte por MP ou no Chat-Box
- As mudanças de nome de usuário são feitas clicando Aqui
Ver perfil do usuário http://sw-design.forumeiros.com

Conteúdo patrocinado



Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum