Menu no topo

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

Resolvido Menu no topo

Mensagem por TappedOut em 22/05/14, 11:03 pm

  • Descrição:
Queria este menu que achei se for possivel.

Encontrado em: http://www.brasilplaycity.com.br/forum

  • Informações:
Fórum:http://thesimpsons-forum.forumeiros.com/Versão:PUNBB
Tipo:Erros diversosTags:



Última edição por Mergulhador_. em 24/05/14, 11:54 am, 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: Menu no topo

Mensagem por Hancki em 23/05/14, 04:59 am

Olá!

Pode dizer-me onde viu isso?
Assim posso ver a estrutura e recriar algo similar.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu no topo

Mensagem por TappedOut em 23/05/14, 01:05 pm

Amigo o link do site onde encontrei está no topico, mas msm assim aq está:
http://www.brasilplaycity.com.br/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: Menu no topo

Mensagem por Duel em 23/05/14, 01:40 pm

Olá! Muito feliz

Acrescente o código abaixo na sua 'Folha de estilos CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
#pun-navlinks {background-image:url(http://i.minus.com/im3zD3Of3QzYl.jpg);border-bottom:0 solid #d6d6d6;box-shadow:0 0 5px #fff;z-index:3}@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);
.mainmenu img{display: none !important;}.mainmenu {color: white !important;text-transform: uppercase !important;text-align: center !important;font-family: 'PT Sans Caption', sans-serif;font-weight: bold;}
Seta A fonte não será a mesma, até porque, os menus são imagens. Poderá pedir alguns idênticos na seção gráfica.

Cordialmente, Duel.

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: Menu no topo

Mensagem por TappedOut em 23/05/14, 01:45 pm

O menu agora ifcou aquele só que ficiu super pequeno #horrivel :/
Olhe meu forum.
Vou sair só de noite vou retornar
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: Menu no topo

Mensagem por Duel em 23/05/14, 01:54 pm

Olá!

Realmente, está horrível. Rindo
Troque o código que eu lhe mandei por esse:
Código:
   #pun-navlinks {background-image:url(http://i.minus.com/im3zD3Of3QzYl.jpg);border-bottom:0 solid #d6d6d6;box-shadow:0 0 5px #fff;z-index:3;height: 35px !important }@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);
   .mainmenu {color: white !important;text-transform: uppercase !important;text-align: center !important;font-family: 'PT Sans Caption', sans-serif;font-weight: bold;}
Esse código, deverá arrumar o erro.

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: Menu no topo

Mensagem por TappedOut em 23/05/14, 05:38 pm

Teria como esticar ao maximo pros lados?
Está assim:

Ficaria assim:
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: Menu no topo

Mensagem por Duel em 23/05/14, 06:01 pm

Olá! Muito feliz

Agora, adicione mais este código em sua 'Folha de estilos CSS':
Código:
#pun-navlinks {width: 100% !important;margin-left: -5% !important;}

Até mais.

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: Menu no topo

Mensagem por TappedOut em 23/05/14, 06:33 pm

Amigo não ficou totalmente esticado, veja meu 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: Menu no topo

Mensagem por Duel em 23/05/14, 09:54 pm

Olá! Muito feliz

Troque o código por esse:
Código:
    #pun-navlinks {left: 0% !important; width: 150% !important;margin-left: -5% !important;}

Até mais.

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: Menu no topo

Mensagem por TappedOut em 24/05/14, 10:03 am

Ficou uma parte daquela lado << sem nada teria como ocupar? e ficou grande demais agr tem até barra de ir pro lado teria como ajustar?
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: Menu no topo

Mensagem por iPrompt em 24/05/14, 10:12 am

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
#pun-head #pun-navlinks {
margin-left: -57px!important;
max-width: 200%!important;
}

aTÉ
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu no topo

Mensagem por JUFASA em 24/05/14, 10:40 am

Olá procure este seu codigo no CSS

Código:
#pun-navlinks {
background-color: #fff!important;
background-image: url(http://i.imgur.com/2XsF3js.png);
border-bottom: 0 solid #d6d6d6;
box-shadow: 0 0 5px #fff;
height: 35px!important;
left: 1%!important;
position: relative!important;
top: -300px!important;
z-index: 3;
}

e substitua por este:

Código:
#pun-navlinks {
background-color: #fff!important;
background-image: url(http://i.imgur.com/2XsF3js.png);
border-bottom: 0 solid #d6d6d6;
box-shadow: 0 0 5px #fff;
left: 0px!important;
margin-left: 0!important;
position: absolute!important;
top: 0px!important;
z-index: 3;
right: 0!important;
}

att Jufasa' - se fizer tudo certo vai dár.
avatar

JUFASA
Nível 9

Masculino
Inscrito dia : 12/09/2011
Mensagens : 238
Pontos Ativos : 390

Ver perfil do usuário http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Resolvido Re: Menu no topo

Mensagem por TappedOut em 24/05/14, 11:04 am

Jufasa ficou grande pra baixo veja meu forum e repare que ficou 2 imagens na barra por causa de esticar mt pra baixo
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: Menu no topo

Mensagem por iPrompt em 24/05/14, 11:26 am

Olá,

Tente utilizar o código que disponibilizei

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu no topo

Mensagem por TappedOut em 24/05/14, 11:31 am

Quake eu gostaria de um codigo mais completo como do Jufasa, pois acho que evita bugs e mais organizado
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: Menu no topo

Mensagem por iPrompt em 24/05/14, 11:34 am

Olá,

Altere o código passado pelo Jufasa por este

Código:
    #pun-navlinks {
    background-color: #fff!important;
    background-image: url(http://i.imgur.com/2XsF3js.png);
    border-bottom: 0 solid #d6d6d6;
    box-shadow: 0 0 5px #fff;
    position: absolute!important;
    top: 0px!important;
    margin-left: -57px!important;
max-width: 200%!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu no topo

Mensagem por JUFASA em 24/05/14, 11:37 am

Olá, substitua o CSS que lhe passei por este:

Código:
#pun-navlinks {
border-bottom: 0 solid #d6d6d6;
box-shadow: 0 0 5px #fff;
left: 0!important;
margin-left: 0!important;
position: absolute!important;
right: 0!important;
top: 0!important;
z-index: 3;
background: url(http://i.imgur.com/2XsF3js.png) #ff9000 no-repeat!important;
}

e procure este no seu e retire-o:

Código:
#pun-head #pun-navlinks {
background-color: transparent!important;
}

att Jufasa'
avatar

JUFASA
Nível 9

Masculino
Inscrito dia : 12/09/2011
Mensagens : 238
Pontos Ativos : 390

Ver perfil do usuário http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Resolvido Re: Menu no topo

Mensagem por Duel em 24/05/14, 11:47 am

Olá!

Não lhe informei corretamente as alterações, desculpe-me. Veja o código que lhe passei:
Código:
    #pun-navlinks {left: 0% !important; width: 150% !important;margin-left: -5% !important;}
Seta No código, procure por '150', quanto mais aumentar maior o menu ficará, ou vice-versa.
Seta No código, procure por '-5%', quanto mais aumentar (estando em negativo) ele virá para a esquerda. Se retirar o sinal de menos, e aumentar, ele irá para a direita.
Seta Basta configurar, até porque, não há como saber o número exato de sua preferência.

Atenciosamente, Duel.

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

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