Posicionar Menu

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

Resolvido Posicionar Menu

Mensagem por TappedOut em 22/05/14, 02:02 pm

  • Descrição:
Meu menu está posicionado abaixo da logo do forum e eu queria posicionar meu menu no topo e botar borda branca emvolta do menu.

  • Informações:
Fórum:Não é necessárioVersão:PUNBB
Tipo:Pedido de códigoTags:Posicionar



Última edição por Mergulhador_. em 22/05/14, 07:52 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: Posicionar Menu

Mensagem por Hancki em 22/05/14, 03:15 pm

Olá!

Preciso do endereço do seu fórum e também de uma melhor explicação, ok?

Hancki


Última edição por Hancki em 22/05/14, 04:06 pm, editado 1 vez(es)
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 03:20 pm

Olá!  Muito feliz 

Painel de Controle Seta Visualização Seta Templates Seta Geral
Procure por: 'overall_header'; Após, clique em 'Editar' e, novamente procure por esse código:
Código:
<div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

Seta Após encontrar, salve o código em um bloco de notas e exclua ele do template.
Seta Ainda no template, pesquise por:
Código:
<div id="pun-intro" class="clearfix">
Seta Abaixo disso, cole o código salvo no seu bloco de notas.
Por fim, adicione este código na sua 'Folha de Estilos CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
#pun-navlinks {
border: 10px solid white !important;
}

Cordialmente, Duel.  Divertido

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: Posicionar Menu

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

@Hancki escreveu:Olá!

Preciso do endereço do seu fórum e também de uma melhor explicação, ok?

Hancki
http://thesimpsons-forum.forumeiros.com/

@Duel escreveu:Olá!  Muito feliz 

Painel de Controle :seta:Visualização :seta:Templates :seta:Geral
Procure por: 'overall_header'; Após, clique em 'Editar' e, novamente procure por esse código:
Código:
<div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

Seta Após encontrar, salve o código em um bloco de notas e exclua ele do template.
Seta Ainda no template, pesquise por:
Código:
<div id="pun-intro" class="clearfix">
Seta Abaixo disso, cole o código salvo no seu bloco de notas.
Por fim, adicione este código na sua 'Folha de Estilos CSS':
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores
Código:
#pun-navlinks {
border: 10px solid white !important;
}

Cordialmente, Duel.  Divertido

Devido a este tutorial bguar meu forum restaurei ao normal.
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 03:36 pm

Olá! Muito feliz

Bugar seu fórum? Fez todos os passos corretamente? Aqui funcionou perfeitamente.
Faça assim, em vez daquele código do bloco de notas, use apenas esse:
Código:
{GENERATED_NAV_BAR}
Seta Se o seu template for editado, não irá resultar.
Seta Adicione na sua CSS:
Código:
#pun-navlinks {position: relative !important;top: -70% !important;}

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: Posicionar Menu

Mensagem por TappedOut em 22/05/14, 06:40 pm

@Duel escreveu:Olá! Muito feliz

Bugar seu fórum? Fez todos os passos corretamente? Aqui funcionou perfeitamente.
Faça assim, em vez daquele código do bloco de notas, use apenas esse:
Código:
{GENERATED_NAV_BAR}
Seta Se o seu template for editado, não irá resultar.
Seta Adicione na sua CSS:
Código:
#pun-navlinks {position: relative !important;top: -70% !important;}

Até.
Amigo se puder explicar de um geito que de mais para entender, Grato. E, Sim fiz certo ai deu mas aq n.
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 07:07 pm

Olá!

Vamos lá então..
Delete os códigos que eu te dei, e adicione este no local que eu informarei abaixo:
Painel de Controle --> Visualização --> Imagens e Cores --> Cores --> Aba 'Folha de estilos CSS'
Código:
    #pun-navlinks {position: relative !important;top: -300px !important;background-color: white !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: Posicionar Menu

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

Como  boto uma imagem de fundo no menu? e como fixo?
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 07:36 pm

Olá!

Para a imagem de fundo, basta colocar o URL dela no local que está escrito 'http://r21.imgfast.net/users/2612/28/77/07/avatars/51529-24.jpg'. Troque o código que lhe mandei por este, fiz algumas alterações para deixar ele 'fixed'.
Código:
 #pun-navlinks{background: url('http://r21.imgfast.net/users/2612/28/77/07/avatars/51529-24.jpg');position: fixed !important;top: 0px !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: Posicionar Menu

Mensagem por TappedOut em 22/05/14, 07:42 pm

Meu menu estava centraliizado ao usar este codigo passado por ti ele não fico mais centralizado
Teria como me passar soomente o codigoo de fixar o menu?
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 07:45 pm

Olá!

Troque por este, que ele ficará centralizado:
Código:
#pun-navlinks {background: url('http://r21.imgfast.net/users/2612/28/77/07/avatars/51529-24.jpg');position: fixed !important;top: 0px !important;margin-left: 25% !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: Posicionar Menu

Mensagem por TappedOut em 22/05/14, 07:46 pm

Desculpe, mas poderia me passar somente o coodigoo de fixar?
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: Posicionar Menu

Mensagem por Duel em 22/05/14, 07:50 pm

Olá!

Claro, aqui está:
Código:

#pun-navlinks{ position: fixed !important;top: 0px !important;margin-left: 25% !important;}

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: Posicionar Menu

Mensagem por TappedOut em 22/05/14, 07:51 pm

Grato.
#Resolvido
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