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

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

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.

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

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

Mas queria poder aumentar aos dizeres

é possível? Obrigado pela resposta...

Cumps!

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá, aceda ao seu

Painel de controle Visualização Imagens e Cores Cores

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.

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

cumps!

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

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

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.

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

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

Olá, Retire o codigo que eu mandei antes e adicione este

Código:

.navbar {
background-color: black;
}
 ul.linklist {
color: orange;
}

Cordialmente.

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

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

abraços

Olá!

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

Código:

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

Salve.

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

Clique em "Salvar".

Até mais.

Luciano98 escreveu:Olá!

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

Código:

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

Salve.

Painel de Controle Visualização 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

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 Visualização Imagens e cores Cores 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.

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

Obrigada por tentar me ajudar

abraços

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

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 Visualização Imagens e cores Cores 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.

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

Agora possível eu remover por ex FAQ?

Obrigado cumps!

Olá!

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

1) Acesse:

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

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

2) Acesse:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript 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.

Obrigado a todos resolvido

cumps!