Personalizar menu no topo da página

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

Resolvido Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 09:30 am

Qual é minha questão:
Boas, gostaria de saber como é possível e se é possível personalizar o menu de topo da pagina?

se sim como?

A ideia era criar um efeito de (botões), para que não ficasse assim como esta só escrito.
Gosta também de diminuir a altura, não sei se esta alto devido opção de "busca"

Espero que me esteja a fazer entender Piscada

Abraços

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
http://img192.imageshack.us/img192/3552/semttulo1wa.jpg

Endereço do meu fórum:
http://mundodosaquarios.forumfacil.net/

Versão do meu fórum:
PHPBB3


Última edição por Heisenburg em 04/03/12, 10:38 pm, editado 2 vez(es) (Razão : Resolvido)
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Troubleshoot em 01/03/12, 10:04 am

Olá , poderia me dar um exemplo de menu que deseja ?
Ou você quer colocar o seu menu original na em cima da logo ?

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2193
Pontos Ativos : 2934

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 11:26 am

@!sasuky escreveu:Olá , poderia me dar um exemplo de menu que deseja ?
Ou você quer colocar o seu menu original na em cima da logo ?

Até mais.Piscada

Boas amigo esta a pensar mais o menos nisto mas no mesmo local onde esta (este menu que coloco ex foi desenhado por mim no corelraw),


deixo aqui este link caso seja necessário ver melhor http://imageshack.us/f/713/menufinal.png/

Mas queria poder aumentar aos dizeres Piscada

é possível? Obrigado pela resposta...

Cumps!
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. em 01/03/12, 12:16 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá, aceda ao seu
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores
:seta2: Aba 'Folha de estilo CSS' cole o codigo e salve
Código:
.navbar{background-color:#;clear:both;padding:0 10px}ul.navlinks{border-bottom:1px solid #dbdbdb;font-weight:700;text-align:center}ul.borderless{border-bottom:0}ul.linklist li{display:inline;font-size:1.1em;line-height:2.2em;list-style-type:none;width:auto}ul.linklist li a img{vertical-align:middle}
#page-header .navbar{text-transform: uppercase;background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}
/* creditos: MateusV. */
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 12:28 pm

Boas amigo e código fez alterarão mas não é isso que pretendo, primeiro o menu passou para o topo da pagina acima do logo, e não quero que ele se mova, quero que fique onde esta atualmente, e por fim os efeitos criados no menu não são os que pretendo, mas obrigado pela ajuda o código alterar o menu altera Piscada

cumps!
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. em 01/03/12, 12:29 pm

Olá, poderia me enviar o link de algum forum de exemplo?
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 12:35 pm

@MateusV. escreveu:Olá, poderia me enviar o link de algum forum de exemplo?
Cordialmente.

Aqui http://www.aquariofilia.net/forum/

Simplesmente queria adicionar as minhas cores e os disseres mas a base é essa...
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. em 01/03/12, 12:46 pm

Olá, adicione este codigo em seu CSS
Código:
.navbar {
   font-size: 12px;
   min-width: 85px;
   z-index: 2000;
}
   
   .navbar ul.linklist{
      border-bottom: 0;
      padding-bottom: 0px;
   }
   
   .navbar ul.linklist { padding-top: 0px;   }
   .navbar a { padding-left: 26px; } /* save room for a checkmark */
   .navbar a .icon { margin-right: 10px; }
   .navbar a {
      text-decoration: none;
      text-align: left;
      display: block;
      padding: 6px 10px;
   }
   .navbar ul.linklist a {
      background-image: url(http://www.aquariofilia.net/forum/public/style_images/master/icon_check.png );
      background-repeat: no-repeat;
      background-position: 7px 10px;
   }
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 01:13 pm

Não deu amigo se quiser ver como ficou aqui http://mundodosaquarios.forumfacil.net/
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 01:22 pm

@MateusV. escreveu:Olá, adicione este codigo em seu CSS
Código:
.navbar {
   font-size: 12px;
   min-width: 85px;
   z-index: 2000;
}
   
   .navbar ul.linklist{
      border-bottom: 0;
      padding-bottom: 0px;
   }
   
   .navbar ul.linklist { padding-top: 0px;   }
   .navbar a { padding-left: 26px; } /* save room for a checkmark */
   .navbar a .icon { margin-right: 10px; }
   .navbar a {
      text-decoration: none;
      text-align: left;
      display: block;
      padding: 6px 10px;
   }
   .navbar ul.linklist a {
      background-image: url(http://www.aquariofilia.net/forum/public/style_images/master/icon_check.png );
      background-repeat: no-repeat;
      background-position: 7px 10px;
   }
Cordialmente.

Quando vir amigo me avise que é para o pessoal que entrar como visitante não se assustar Feliz
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. em 01/03/12, 01:34 pm

Olá, Retire o codigo que eu mandei antes e adicione este
Código:
.navbar {
background-color: black;
}
 ul.linklist {
color: orange;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 01/03/12, 01:40 pm

@MateusV. escreveu:Olá, Retire o codigo que eu mandei antes e adicione este
Código:
.navbar {
background-color: black;
}
 ul.linklist {
color: orange;
}
Cordialmente.

Assim fica normal, não recebe qualquer alteração amigo...
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 03/03/12, 06:04 pm

Boas amigos não quero estar a chatear, mas queria mesmo alterar o menu, se não der para o que eu quero como ex, me indiquem um parecido...

Se não houver como fazer qual coisa me digam que era para dar o topico como resolvido Triste

abraços
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 em 03/03/12, 06:14 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#page-header .navbar div#search-box form#search{position:absolute;margin-top:-25px}

Salve.

Painel de Controle Seta Visualização Seta Cabeçalho & Navegação
Procure por "Exibir apenas as imagens no menu de navegação :" e marque "Sim".

Clique em "Salvar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 03/03/12, 06:24 pm

@Luciano98 escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#page-header .navbar div#search-box form#search{position:absolute;margin-top:-25px}

Salve.

Painel de Controle Seta Visualização Seta Cabeçalho & Navegação
Procure por "Exibir apenas as imagens no menu de navegação :" e marque "Sim".

Clique em "Salvar".

Até mais.

Não funcionou amigo, simplesmente apareceu a dizer (inicio,) e desviou um pouco a caixa de busca..

abraços
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 em 03/03/12, 06:39 pm

Olá!

Eu não tenho certeza se isso resolve, porque você deu várias explicações diferentes ao longo do tópico, mas teste esse código:
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#page-header .navbar{background-color: #4A535C;}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 03/03/12, 06:53 pm

Infelizmente não trabalhou amigo, ficou igual, as letras passaram para branco...

Obrigada por tentar me ajudar

abraços
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 em 03/03/12, 07:05 pm

@LuisBarroso escreveu:Infelizmente não trabalhou amigo, ficou igual, as letras passaram para branco...

Obrigada por tentar me ajudar

abraços
Você poderia me mostrar exatamente como você quer personalizar? Ao longo do tópico você passou uma imagem e um link e os dois tem menus completamente diferentes.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 03/03/12, 07:26 pm

@Luciano98 escreveu:
@LuisBarroso escreveu:Infelizmente não trabalhou amigo, ficou igual, as letras passaram para branco...

Obrigada por tentar me ajudar

abraços
Você poderia me mostrar exatamente como você quer personalizar? Ao longo do tópico você passou uma imagem e um link e os dois tem menus completamente diferentes.

Até mais.

eu queria criar algo parecido com isto http://imageshack.us/f/713/menufinal.png/

este menu foi criado por mim em coreldraw, mas minha ideia base do menu bem de http://img20.imageshack.us/img20/7854/semttulopir.jpg que esta no fórum http://www.aquariofilia.net/forum/

abraços
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 em 03/03/12, 07:38 pm

Olá!

Esse código adiciona aquele a cor de fundo do menu da imagem ao menu do seu fórum.
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
Código:
#page-header .navbar .linklist.navlinks{background-color:#4A535C}

Se não funcionar utilize esse código:
Código:
#page-header .navbar .linklist.navlinks{background-color:#4A535C!important}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 04/03/12, 12:12 pm

Boas amigo não funcionou , mas juntei as dicas que vocês quem dado ao pessoal e criei isto,
.navbar {
background-color: black;
}
.navbar ul.linklist{
color: orange;
font-weight:negrito
word-spacing: 6
text-transform:uppercase
font-size: 10
}

Coloquei a começar na 1 linha no css e já ficou do meu agrado Piscada

Agora possível eu remover por ex FAQ?

Obrigado cumps!
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

Resolvido Re: Personalizar menu no topo da página

Mensagem por Gabe em 04/03/12, 03:23 pm

Olá!

Você tem duas maneiras de retirar o botão FAQ:

1) Acesse:

Painel de Controle :seta2: Usuários & Grupos :seta2: Autorizações especiais :seta2: Autorizações especiais :seta2:

Em Autorizações, procure pelo FAQ, selecione Administradores e Salve. Somente administradores verão o botão FAQ.

2) Acesse:

Painel de Controle :seta2: Módulos :seta2: HTML & JAVASCRIPT :seta2: Gestão dos Códigos JavaScript :seta2: Criar um novo Javascript

Adicione o código abaixo, com o Investimento marcado Em todas as páginas:

jQuery(document).ready(function(){
jQuery('a.mainmenu:contains("FAQ")').hide()
});

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

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

Resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso em 04/03/12, 06:47 pm

Obrigado a todos resolvido Piscada

cumps!
avatar

LuisBarroso
Nível 10

Masculino
Inscrito dia : 01/03/2012
Mensagens : 259
Pontos Ativos : 363

Ver perfil do usuário http://mundodosaquarios.forumfacil.net/

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