Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Menu Drop-down/Tooltip

5 participantes

Je4n Je4n  • Dom 20 Jul 2014 - 8:28

Menu Drop-down/Tooltip Empty Menu Drop-down/Tooltip Dom 20 Jul 2014 - 8:28

Minha questão:
Olá, eu gostaria de um menu Drop-Down igual ou semelhante a esse: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] (Você pode velo clicando no menu em more) gostaria com o mesmo efeito ou parecido.

Obrigado a quem ajudar.


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

waghcwb waghcwb  • Dom 20 Jul 2014 - 10:44

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Dom 20 Jul 2014 - 10:44

Olá,

E onde essa função entraria em funcionamento? E quais são as opções que aparecem no dropdown?

Je4n Je4n  • Dom 20 Jul 2014 - 10:49

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Dom 20 Jul 2014 - 10:49

waghcwb escreveu:Olá,

E onde essa função entraria em funcionamento? E quais são as opções que aparecem no dropdown?

No meu menu, em Loja e Regras. Pode deixar 3 opções pra cada, escrito Menu #01, #02.. Enfim.

Je4n Je4n  • Qui 31 Jul 2014 - 11:33

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Qui 31 Jul 2014 - 11:33

Alguém para ajuda ? :s

Je4n Je4n  • Dom 3 Ago 2014 - 15:26

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Dom 3 Ago 2014 - 15:26

Alguém ? UP...

Je4n Je4n  • Sáb 9 Ago 2014 - 1:03

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Sáb 9 Ago 2014 - 1:03

Alguém para ajuda ? UP 2...

iConnect iConnect  • Sáb 9 Ago 2014 - 8:05

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Sáb 9 Ago 2014 - 8:05

Olá,
Passe o link da cada menu que quer que ative essas opções pois vou fazer uma proposta pra você.

Até Mais...

Je4n Je4n  • Ter 12 Ago 2014 - 0:48

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Ter 12 Ago 2014 - 0:48

JQuery escreveu:Olá,
Passe o link da cada menu que quer que ative essas opções pois vou fazer uma proposta pra você.

Até Mais...
Como assim ? Não entendi

iConnect iConnect  • Ter 12 Ago 2014 - 7:35

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Ter 12 Ago 2014 - 7:35

Olá,
Quero saber o que você quer colocar ao clicar no menu para abrir esse sistema igual a do more.

Até Mais...

Je4n Je4n  • Ter 12 Ago 2014 - 20:09

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Ter 12 Ago 2014 - 20:09

JQuery escreveu:Olá,
Quero saber o que você quer colocar ao clicar no menu para abrir esse sistema igual a do more.

Até Mais...
Em loja 3 opções:
Valores
Efetuar compras
Compras efetuadas

Link valores: /t55-
Efetuar compras: /h6-
Compras efetuadas: /f171-

Em Regras 2 Opções:
Regras Gerais
Regras Fábrica Gráfica

Link Regras Gerais: /t1-
Regras Fábrica Gráfica: /t64-

Je4n Je4n  • Seg 18 Ago 2014 - 3:16

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Seg 18 Ago 2014 - 3:16

Passando aqui pra dar um UP;

Je4n Je4n  • Sáb 23 Ago 2014 - 18:58

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Sáb 23 Ago 2014 - 18:58

Passando aqui pra dar um UP²;

Target Target  • Sáb 23 Ago 2014 - 19:06

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Sáb 23 Ago 2014 - 19:06

Olá,

Me passe seu overall_header.

Até +! Wink

Je4n Je4n  • Dom 24 Ago 2014 - 17:58

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Dom 24 Ago 2014 - 17:58

Target escreveu:Olá,

Me passe seu overall_header.

Até +! Wink

Aqui está: http://pastebin.com/HEG8Lkpv (Vai ficar visível por 1 semana)


Última edição por Je4n em Qui 28 Ago 2014 - 1:41, editado 1 vez(es)

Alex Habilidade Alex Habilidade  • Seg 25 Ago 2014 - 20:20

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Seg 25 Ago 2014 - 20:20

Olá,

Me forneça a sua CSS completa por favor.

Dúvida: O senhor que somente acrescentar os menus citados acima correto?

Je4n Je4n  • Qui 28 Ago 2014 - 1:37

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Qui 28 Ago 2014 - 1:37

Alex Habilidade escreveu:Olá,

Me forneça a sua CSS completa por favor.

Dúvida: O senhor que somente acrescentar os menus citados acima correto?
Css do meu Menu:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Sim, as opções citadas.

Target Target  • Qui 28 Ago 2014 - 11:41

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Qui 28 Ago 2014 - 11:41

Olá,
Adicione isto no seu CSS:
Código:

    /* app menu */
    
    
    #more_apps_menucontent, .submenu_container{
background:#323436;
border:0;
font-size:12px;
}

#more_apps_menucontent li, .submenu_container li{
border:0;
color: #fff !important;
float:none!important;
padding:0
}

#more_apps_menucontent a, .submenu_container a {
color:#fff !important;
z-index: 9999;
display:block;
padding:8px 10px;
text-shadow:0 1px 1px rgba(0,0,0,0.5)
}

#more_apps_menucontent li:hover,.submenu_container li:hover{
background:rgba(0,0,0,0.1)!important
}

#more_apps_menucontent li:hover a,.submenu_container li:hover a{
color:#D3E3F1;
text-shadow:none
}

    #more_apps_menucontent li, .submenu_container li {
    width: 140px
    }
  
    #more_apps_menucontent, .submenu_container {
    margin-top: -4px
    }

E troque o template por este: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

OBS: Demo ativa aqui -> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até +! Wink

Je4n Je4n  • Qui 28 Ago 2014 - 17:12

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Qui 28 Ago 2014 - 17:12

Target escreveu:Olá,
Adicione isto no seu CSS:
Código:

    /* app menu */
    
    
    #more_apps_menucontent, .submenu_container{
background:#323436;
border:0;
font-size:12px;
}

#more_apps_menucontent li, .submenu_container li{
border:0;
color: #fff !important;
float:none!important;
padding:0
}

#more_apps_menucontent a, .submenu_container a {
color:#fff !important;
z-index: 9999;
display:block;
padding:8px 10px;
text-shadow:0 1px 1px rgba(0,0,0,0.5)
}

#more_apps_menucontent li:hover,.submenu_container li:hover{
background:rgba(0,0,0,0.1)!important
}

#more_apps_menucontent li:hover a,.submenu_container li:hover a{
color:#D3E3F1;
text-shadow:none
}

    #more_apps_menucontent li, .submenu_container li {
    width: 140px
    }
  
    #more_apps_menucontent, .submenu_container {
    margin-top: -4px
    }

E troque o template por este: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

OBS: Demo ativa aqui -> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até +! Wink
Agradeço, porém ficou um pouco "bugado". O submenu fica no mesmo lugar, ou seja, quando clico em Regras ele continua de baixo do menu Loja. Também o ruim é que quando se clica, se altera o tamanho do menu, fica do tamanho do submenu, aí fica um tanto quanto estranho. :/

Target Target  • Qui 28 Ago 2014 - 17:18

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Qui 28 Ago 2014 - 17:18

Olá,
Peço que deixe o código ativo no seu site, pra que possa ver os bugs e ajeitar de acordo com o seu template.

Até +! Wink

Je4n Je4n  • Seg 1 Set 2014 - 2:12

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Seg 1 Set 2014 - 2:12

Na verdade, vou deixar pra lá. Obrigado pela ajuda, todos que aqui postaram. Wink

Podem fechar o tópico.

iConnect iConnect  • Seg 1 Set 2014 - 16:51

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip Seg 1 Set 2014 - 16:51

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]
Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Menu Drop-down/Tooltip Empty Re: Menu Drop-down/Tooltip

Permissões neste sub-fórum
Não podes responder a tópicos