[Suporte] Menu deslizante ou retrátil (Slide Menu)

Suporte à dúvidas gerais relacionadas ao phpBB.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

[Suporte] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra »

O Menu deslizante vertical, ou horizontal, pode ser incluído nas abas da barra de navegação ou até mesmo substituir a sua barra de navegação.
Como o nome já diz o Menu deslizante pode ser vertical, estendendo-se verticalmente abaixo da aba da barra de navegação ou pode ser horizontal, deslocando horizontalmente podendo até substituir a sua barra de navegação. Há alguns Menus horizontais que se assemelham ao menu dos PC da Apple, como este: http://www.ndesign-studio.com/demo/css- ... -dock.html
O Menu deslizante é conhecido na net como Slide Menu, sendo os mais comuns em jQuery, em CSS ou em JavaScript.
Para ter uma ideia do que estamos falando veja algumas imagens do Slide Menu na página http://www.google.com.br/search?hl=pt-B ... a=N&tab=wi.

Abaixo seguem alguns demonstrativos com seus os respectivos códigos:
1- Slide Menu jQuery
- http://www.webmaster.pt/menu-jquery-9730.html
- http://www.1stwebdesigner.com/css/36-ey ... ion-menus/

2- Slide Menu CSS
- http://css3menu.com/

3- Slide Menu JavaScript
- http://www.queness.com/post/237/30-java ... nd-scripts

Agora fica a critério e gosto do freguês... Imagem

Abraço. [img]http://www.gsmfans.com.br/Smileys/GSMFans/cool.gif[/img


Artigo pode ser acessado pelo link kb.php?a=101
Editado pela última vez por gssilva em 30 Set 2011, 00:16, em um total de 5 vezes.
Razão: Adicionar o link do artigo
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
lovestories
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 665
Registrado em: 15 Jan 2011, 11:31
Localização: Joinville

Re: Menu deslizante para abas da barra de navegação

Mensagem por lovestories »

muito interessante, mas nao compreendi como aplicar :oops:
Os sonhos não morrem, apenas adormecem na alma da gente
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Menu deslizante para abas da barra de navegação

Mensagem por robra »

Para quem já possui uma barra de navegação e escolhe um dos Menus deslizantes demonstrativos, obviamente, terá de adaptá-lo à sua barra de navegação atual, mudando as cores dele, retirando a barra do menu do demo, deixando apenas o menu deslizante vertical para a(s) sua(s) aba(s) da barra de navegação atual, ou substituindo toda a barra de navegação pelo Menu deslizante horizontal.
Basicamente, para o Menu vertical, os scripts e códigos vão para o overall_header.html, e os arquivos .js e os .css vão para pasta style/seu_etilo/theme.
No overall_header.html os scripts que chamam os arquivos .js são colocados na linha antes da tag </head>, e os códigos são inseridos junto a(s) aba(s) da barra de navegação, que estão geralmente entre as tags <li> </li>, dentro da <div class="navbar">.
Já para o Menu horizontal, todo o conteúdo dentro da <div class="navbar"> tem de ser substituído e personalizado com os códigos do Menu Deslizante horizontal.

Abraço. Imagem
Editado pela última vez por robra em 15 Set 2011, 13:23, em um total de 1 vez.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
lovestories
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 665
Registrado em: 15 Jan 2011, 11:31
Localização: Joinville

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por lovestories »

testarei vamos ver o q sai ;)
Os sonhos não morrem, apenas adormecem na alma da gente
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra »

lovestories escreveu:testarei vamos ver o q sai ;)
Ai, ai, ai... que dê tudo certo. Imagem

Imagem

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Night Angel
Membro Recente
Membro Recente
Mensagens: 262
Registrado em: 26 Mai 2011, 22:54
Localização: Planeta Terra
Contact:

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por Night Angel »

Hummm..gostei das dicas..também vou testar
(E seja o que Deus quizer..kkkkk)
Imagem
lovestories
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 665
Registrado em: 15 Jan 2011, 11:31
Localização: Joinville

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por lovestories »

robra escreveu:
lovestories escreveu:testarei vamos ver o q sai ;)
Ai, ai, ai... que dê tudo certo. Imagem

Imagem

Abraço. Imagem
mas que falta de fé em mim hein :lol:
realmente nao consegui :lol:
Os sonhos não morrem, apenas adormecem na alma da gente
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra »

lovestories escreveu:...mas que falta de fé em mim hein :lol:
realmente nao consegui :lol:
Você escolheu algum menu deslizante vertical ?
Pensei em você criar uma aba chamada ENTRETENIMENTO ou CANAIS, após a aba Rede Social, com o menu deslizante vertical contendo todos as canais, semelhante a este demonstrativo: http://apycom.com/menus/8-dim-gray.html.
No demonstrativo, ao colocar o mouse sobre a palavra "HOME" o menu vertical abre. Obviamente que as cores seriam outras para combinar com seu Fórum.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Avatar do usuário
_Vinny_
Administrador
Administrador
Mensagens: 5905
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: Menu deslizante ou retrátil (Slide Menu)

Mensagem por _Vinny_ »

robra, adicionei o prefixo DICA ao titulo do topico.
Sinta-se livre para enviar a pagina de artigos e tutorias. kb.php
Tradução Português Brasileiro: https://www.phpbb.com/customise/db/tran ... ortuguese/

Precisa de serviços phpBB? Me mande um mensagem privada!
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [DICA] Menu deslizante ou retrátil (Slide Menu)

Mensagem por robra »

Ok, Vinny.

Para enviar à página de artigos ou tutoriais teria de criar um novo tópico lá ?
Se for, para não termos assunto em duplicidade, penso ser melhor mover este tópico para a página de "dicas".

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Trancado