Centralizando menu e opções dos botões não aparecem

2 participantes

Ir para baixo

Tópico resolvido Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ 04.01.13 20:25

Qual é minha questão:
Coloque esse outro menu no meu portal e queria saber como faço pra centralizar os botões.

Criei opções que aparecem abaixo de cada botão desse mesmo menu, só que elas não aparecem, o que tenho q fazer?

CSS do Menu

Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

HTML do Menu

Código:
<div id='cssmenu'>
<ul>
   <li class='active '><a href='http://csi-nwd.forumeiros.com/forum'><span>Fórum </span></a></li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f4-regras-gerais'><span>Regras Gerais</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t251-regras-csi'><span>Regras CSI</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t6-regras-policiais'><span>Regras Policiais</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t166-regras-do-servidor'><span>Regras do Servidor</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f1-cadastro-de-agentes'><span>Cadastro de Agentes</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h3-'><span>Cadastre-se</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='#'><span>Prisões</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/f11-prisoes-csisa'><span>Prisões da CSI: SA</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f23-prisoes-csitas'><span>Prisões da CSI: TAS</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/f20-prisoes-csist'><span>Prisões da CSI: ST</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f13-sistemas'><span>Sistemas</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/t277-sistema-alerta-v10'><span>Alerta [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t239-sistema-salario-v20'><span>Salário [ v.2.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t275-sistema-hierarquia-v10'><span>Hierarquia [ v.1.0]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t253-sistema-comunicacao-v10'><span>Comunicação [ v.1.0 ]</span></a></li>
         <li><a href='http://csi-nwd.forumeiros.com/t153-sistema-flood-no-chat-de-cla-v10'><span>Flood no chat de Clã [ v.1.0 ]</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f16-promocoes-csi'><span>Promoções CSI</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h5-'><span>Promoção 1 Mês de VIP</span></a></li>
      </ul>
   </li>
   <li class='has-sub '><a href='http://csi-nwd.forumeiros.com/f6-revisao-de-suspensos'><span>Revisão de Suspensos</span></a>
      <ul>
         <li><a href='http://csi-nwd.forumeiros.com/h6-'><span>Formulário de Reintegração ao Clã</span></a></li>
      </ul>
   </li>
   <li><a href='http://csi-nwd.forumeiros.com/f7-downloads'><span>Downloads</span></a></li>
</ul>
</div>

Agradeço se puderem me ajudar ;D

Endereço do meu fórum:
http://www.csi-nwd.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Bruninho._ em 04.01.13 22:23, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Sennior 04.01.13 20:29

Olá!

Não aparece por causa de onde o senhor colocou o menu. Coloque este CSS no inicio de teu CSS:

Código:
#cssmenu {
position: relative !important;
top: -28px !important;
}
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ 04.01.13 20:34

ficou meio estranho e não apareceu todas as opções, não tem outra forma?

Tem como centraliza-lo ?
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Sennior 04.01.13 21:47

Olá,

Centralizar tem, mas não irá da para ver as outras opções como eu disse! Vai querer assim mesmo?

Até mais Muito feliz
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizando menu e opções dos botões não aparecem

Mensagem por Bruninho._ 04.01.13 22:23

Tive q deixa-lo mais simples pra ficar bacana, como não tem como deixa-lo centralizado então é só isso mesmo ;D

vlw!
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos