Menu no topo

5 participantes

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

Tópico resolvido Menu no topo

Mensagem por TappedOut 23.05.14 3:03

  • Descrição:
Queria este menu que achei se for possivel.
Menu no topo OxWzTCL
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 15:54, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu no topo

Mensagem por Hancki 23.05.14 8:59

Olá!

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

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 23.05.14 17:05

Amigo o link do site onde encontrei está no topico, mas msm assim aq está:
http://www.brasilplaycity.com.br/forum
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por Duel 23.05.14 17:40

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.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 23.05.14 17:45

O menu agora ifcou aquele só que ficiu super pequeno #horrivel :/
Olhe meu forum.
Vou sair só de noite vou retornar
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por Duel 23.05.14 17:54

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é.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 23.05.14 21:38

Teria como esticar ao maximo pros lados?
Está assim:
Menu no topo Ptzu43X
Ficaria assim:
Menu no topo 2GVwz35
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por Duel 23.05.14 22:01

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.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 23.05.14 22:33

Amigo não ficou totalmente esticado, veja meu forum
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por Duel 24.05.14 1:54

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.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 24.05.14 14:03

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?
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu no topo

Mensagem por Roevs 24.05.14 14:12

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É
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por JUFASA 24.05.14 14:40

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.
JUFASA

JUFASA
****

Membro desde : 12/09/2011
Mensagens : 238
Pontos : 390

http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 24.05.14 15:04

Jufasa ficou grande pra baixo veja meu forum e repare que ficou 2 imagens na barra por causa de esticar mt pra baixo
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu no topo

Mensagem por Roevs 24.05.14 15:26

Olá,

Tente utilizar o código que disponibilizei

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por TappedOut 24.05.14 15:31

Quake eu gostaria de um codigo mais completo como do Jufasa, pois acho que evita bugs e mais organizado
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu no topo

Mensagem por Roevs 24.05.14 15:34

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por JUFASA 24.05.14 15:37

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'
JUFASA

JUFASA
****

Membro desde : 12/09/2011
Mensagens : 238
Pontos : 390

http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu no topo

Mensagem por Duel 24.05.14 15:47

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.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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