Personalização do menu

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalização do menu

Mensagem por TappedOut em 13/06/14, 04:29 pm

  • Descrição:
Queria um menu assim:

Veja como que quero que fique quando estiver numa pagina (Veja o botão FAQ)
-------------------------------------------------------------------------------------
E Quando passasse o mouse emcima de um botão ficaria cinza, repare o botão Inicio:



OBS: Fiz apenas montagem, não há link

  • Informações:
Fórum:http://gtaforumeiros.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Personalização



Última edição por Brian_Gamer em 15/06/14, 02:57 pm, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 13/06/14, 07:55 pm

Boa noite!  Feliz

Adicione no inicio da tua 'CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS
Código:
  #pun-navlinks{background: black !important;height: 5px;padding: 25px !important;padding-top: 40px !important;color: white !important;text-transform: uppercase;border-bottom: 5px solid orange !important;}a.mainmenu{color: white !important;font-family: Verdana;font-weight: bold;}
Seta Me responda, deseja um menu alterado? (Feito por HTML) Ou que personalizemos o padrão? Aqueles botões com algumas palavras, devem ser criados também? Ou apenas o visual?

Atenciosamente, Duel.  Rindo

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 13/06/14, 10:06 pm

Desde que fique igual td bem, faça do geito q achar melhor mas deixe igual
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 13/06/14, 10:44 pm

@Duel escreveu:Aqueles botões com algumas palavras, devem ser criados também? Ou apenas o visual?

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 14/06/14, 10:22 am

Os do lados escritos Iniciar Sessão e Juntar-se ao club sim! mas eles irão substituir o botão registro e login. pergunta boba amigo xD
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 15/06/14, 10:45 am

UP
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 15/06/14, 11:57 am

Olá!

Desculpe a demora, furei o pé e não tive tempo de lhe ajudar. ;/
Mas aqui está:
Spoiler:
Crie uma nova página JavaScript, com este código:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos JavaScripts
Código:
$(function(){
$('#pun-navlinks').append(' <div style="display: block;position: relative;top: -800% !important;left: 28%"><a class="mainmenu" href="/login" style="display: block !important;">INICIAR SESSÃO</a><span class="mainmenu" style="color: #808080;position: relative;left: 68px;top: -15px !important;">OU</span></div> <a class="mainmenu" href="/register" style="position: relative !important;left: 85% !important;top: -80px !important;display: block !important;background: orange;padding: 10px !important;height: 10px;width: 170px !important;border-radius: 50px;color: black !important;">JUNTE-SE AO CLUB</a>  ');
});
Seta Em todas as páginas!


Adicione no inicio da tua 'CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS
Código:
 #pun-navlinks{text-align: center !important;background: black !important;height: 5px;padding: 25px !important;padding-top: 40px !important;color: white !important;text-transform: uppercase;border-bottom: 5px solid orange !important;}a.mainmenu{color: white !important;font-family: Verdana;font-weight: bold;}a.mainmenu[href="/privmsg?folder=inbox"] ,a.mainmenu[href="/calendar"], a.mainmenu[href="/profile?mode=editprofile"], a.mainmenu[href="/search"]{display: none !important} 


Visualização final: http://prntscr.com/3t20zu

Atenciosamente, Duel. Rindo

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 15/06/14, 12:11 pm

Esse resultado é fake? pois aq n ficou no topo n, fico q nem no resultado mas n fico no topo
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 15/06/14, 12:37 pm

Olá!

Em nenhum momento o senhor falou que era pra ficar fixed, sinceramente.. --'
Crie mais um javascript:
Código:
$(function(){
var prtt = $('#pun-head').html();$('head').before("<div style='position: fixed !important;display: block;padding-right: -100% !important;padding-left: -100% !important;'> "+ prtt +" </div> ");$
});
Acrescente no CSS:
Código:
#pun-navlinks{width: 100% !important;padding-right: 30% !important;display: none;}
Seta Aprenda a se expressar melhor, se não fica difícil. Não da para adivinhar meu caro.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 15/06/14, 12:44 pm

Amigo não falei pra fixar no topo! Quero que fique normal no topo aqui ele ficou embaixo da banner do forum!!!!!!!!!!!!!!!!!!
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 15/06/14, 01:54 pm

Olá!

No código JS, procure por 'position: fixed' troque 'fixed' por 'relative'.
No código CSS, procure por 'display: none', troque por 'display: none !important'.
'No código JS, procure por '});', antes adicione:
Código:
$('#pun-navlinks').hide();

Atenciosamente.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 15/06/14, 01:56 pm

Entendi nada amigo
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalização do menu

Mensagem por Duel em 15/06/14, 02:06 pm

Olá! *-*

Deixa então, eu mesmo modifico:

Código CSS:
Código:
    #pun-navlinks{width: 100% !important;padding-right: 30% !important;display: none !important;}
Código JS:
Código:
    $(function(){
    var prtt = $('#pun-head').html();$('head').before("<div style='position: relative !important;display: block;padding-right: -100% !important;padding-left: -100% !important;'> "+ prtt +" </div> ");
    $('#pun-navlinks').hide();
    });

Até.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Personalização do menu

Mensagem por TappedOut em 15/06/14, 02:54 pm

Desisto deste menu, achei várias falhas, mas mesmo assim Grato por tentar.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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