Personalizar menu no topo da página

5 participantes

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

Tópico resolvido Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 12:30

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:
https://2img.net/r/ihimizer/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 05.03.12 1:38, editado 2 vez(es) (Motivo da edição : Resolvido)
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Troubleshoot 01.03.12 13:04

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
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 14:26

!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),
Personalizar menu no topo da página Menufinal

deixo aqui este link caso seja necessário ver melhor https://2img.net/r/ihimg/f/713/menufinal.png/

Mas queria poder aumentar aos dizeres Piscada

é possível? Obrigado pela resposta...

Cumps!
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. 01.03.12 15:16

Personalizar menu no topo da página Logo
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.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 15:28

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!
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. 01.03.12 15:29

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 15:35

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

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. 01.03.12 15:46

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 16:13

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

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 16:22

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
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por MateusV. 01.03.12 16:34

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 01.03.12 16:40

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

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 03.03.12 21:04

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
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 03.03.12 21:14

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 03.03.12 21:24

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
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 03.03.12 21:39

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 03.03.12 21:53

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

Obrigada por tentar me ajudar

abraços
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 03.03.12 22:05

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 03.03.12 22:26

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 https://2img.net/r/ihimg/f/713/menufinal.png/

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

abraços
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Luciano98 03.03.12 22:38

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 04.03.12 15:12

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!
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por Gabe 04.03.12 18:23

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

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu no topo da página

Mensagem por LuisBarroso 04.03.12 21:47

Obrigado a todos resolvido Piscada

cumps!
LuisBarroso

LuisBarroso
****

Membro desde : 01/03/2012
Mensagens : 259
Pontos : 363

http://mundodosaquarios.forumfacil.net/

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