Mudar barra do menu INICIAR

Olá.

Como poderia está colocando este tipo de menu em meu forum?

https://imgur.com/SSlYiFf

Aguardo.

Olá Jean

Adicione esté codigo em seu Css

Código:

#pun-head #pun-navlinks {
 background: none repeat scroll 0 0 rgba(0,0,0,0.81);
 border-radius: 3px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset;
 margin-bottom: 16px;
}

#pun-navlinks a, #pun-navlinks a:visited {
 text-decoration: none;
}

#pun-navlinks li a {
 color: #FFF;
 height: 38px;
 margin: 0 .8em 0 0;
 outline: medium none;
 padding: 11px 7px 8px 8px;
 text-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-transform: uppercase;
}

#pun-navlinks li {
 display: inline;
 font-size: 1.15em;
}

Olá.

Sem resultados ALGUM.

Aguardo.

Qual e o link do seu forum?

Olá.

http://bra-perfectstart.forumeiros.com/portal

Poderá fornecer onde viu tal de efeito?
Até,

Olá Vughis Aqui está : http://forum.brasilplaygames.com.br/forum

Oxe jean, testei esté codigo que te passei logo acima de sua mensagem e deu certinho aqui no meu forum de testes

Tente esté codigo

Código:

#pun-head #pun-navlinks {
 background: none repeat scroll 0 0 rgba(0,0,0,0.81);
 border-radius: 3px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset;
 margin-bottom: 16px;
}

#pun-navlinks li a {
 color: #FFF;
 height: 38px;
 margin: 0 .8em 0 0;
 outline: medium none;
 padding: 11px 7px 8px 8px;
 text-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-transform: uppercase;
}


Coloque ele na primeira linha do seu css

Até

Olá @Luis_xD

Meu menu contem imagens naqueles botões ... é preciso retira-las primeiro ?

Tente retira-los Creio que deia certo !!!

Tente usar os 2 codigos que disponibilizei para você

Boa noite.

@Luis_xD peço que não use mais códigos sem a tag [code] ok? Suas mensagens serão editadas, peço que o ato não se repita.

@Jean_Xd , para começarmos a editar, peço que remova todos os códigos fornecidos acima e também remova as imagens de seu menu.

Abs.

Saudações,
Cá estar:

Código:

#pun-navlinks li {
  display: inline;
  font-size: 1.15em;
}
* {
  margin: 0;
  padding: 0;
}
user agent stylesheetli {
  display: list-item;
  text-align: -webkit-match-parent;
}
 
#pun-navlinks ul {
  list-style: outside none none;
  margin: 0 auto;
  padding-top: 5px;
  text-align: center;
  width: 90%;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
}
user agent stylesheetul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.pun {
  line-height: 130%;
  margin: 0 auto;
  min-width: 951px;
  padding: 5px;
  width: 95%;
}

Cordialmente, Vughis

Olá @Shaman .

Simplesmente não apareceu mais os botões - O código não funcionou amigo.

Abraços.

Jean_Xd escreveu:Olá @Shaman .

Simplesmente não apareceu mais os botões - O código não funcionou amigo.

Abraços.

Olá, normal isso ^^. Vamos agora em Painel de controle Visualização Cabeçalho e navegação

Procure por: Exibir apenas as imagens no menu de navegação marque Não

Até mais!

@Shaman pronto amigo ! Agora falta os codigos para ativar o meu pedido.

@Vughis seu codigo não resultou.

Aguardo.

Que versão do seu fórum é?
Cordialmente Vughis

Pronto, agora remova todos os códigos passados acima e adicione este em sua folha de estilo CSS:

Código:

ul.linklist.navlinks > li > a {
  display: inline-block!important;
  line-height: 44px!important;
  position: relative!important;
  top: -10px!important;
  background: none !important;
  color: #FFF !important;
  height: 38px !important;
  margin: 0 .8em 0 0 !important;
  outline: medium none !important;
  padding: 11px 7px 8px 8px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  text-transform: uppercase !important;
}
ul.navlinks {
  border-bottom: 1px solid #dcdcdc !important;
  font-weight: 700 !important;
  background: none repeat scroll 0 0 rgba(0,0,0,0.81) !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset !important;
  list-style: outside none none !important;
  margin: 0 auto !important;
  border-color: #ddd !important;
  height: 42px !important;
  text-align: center !important;
  width: 90% !important;
}


Até mais!

Ola @Shaman .

Resultou amigo... Mas teria como ela ficar maior para o lado direito e lado esquerdo? Crescer mais o comprimento dos lados. e crescer um pouco para cima e aumentar o tamanho das letras?

Olá, troque o código por este:

Código:

ul.linklist.navlinks > li > a {
  display: inline-block!important;
  line-height: 44px!important;
  position: relative!important;
  top: -10px!important;
  background: none !important;
  color: #FFF !important;
  height: 38px !important;
  margin: 0 .8em 0 0 !important;
  outline: medium none !important;
  padding: 11px 7px 8px 8px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  text-transform: uppercase !important;
}
ul.navlinks {
  border-bottom: 1px solid #dcdcdc !important;
  font-weight: 700 !important;
  background: none repeat scroll 0 0 rgba(0,0,0,0.81) !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset !important;
  list-style: outside none none !important;
  margin: 0 auto !important;
  border-color: #ddd !important;
  height: 42px !important;
  text-align: center !important;
  width: 100% !important;
}

Até mais!

Olá @Shaman .

Amigo deu certo, mas acarretou um problema ou foi eu que fiz alguma coisa errada e veja como está a cor dos topicos quando a gente vai vê-los agora ...

https://imgur.com/7yoEaSU

Então, isso não tem nada a ver com o código que lhe passei, as classes são diferentes, uma não afeta a outra. Para resolver este "problema" peço que crie um novo tópico neste mesmo fórum ok?

Podemos dar como resolvido? já que o menu está de acordo com que o senhor deseja...

Até mais!

Olá.

Pode sim - Obrigado!