Centralizando menu e opções dos botões não aparecem
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Centralizando menu e opções dos botões não aparecem
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
HTML do Menu
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
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)
Re: Centralizando menu e opções dos botões não aparecem
Olá!
Não aparece por causa de onde o senhor colocou o menu. Coloque este CSS no inicio de teu CSS:
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;
}
Re: Centralizando menu e opções dos botões não aparecem
ficou meio estranho e não apareceu todas as opções, não tem outra forma?
Tem como centraliza-lo ?
Tem como centraliza-lo ?
Re: Centralizando menu e opções dos botões não aparecem
Olá,
Centralizar tem, mas não irá da para ver as outras opções como eu disse! Vai querer assim mesmo?
Até mais
Centralizar tem, mas não irá da para ver as outras opções como eu disse! Vai querer assim mesmo?
Até mais
Re: Centralizando menu e opções dos botões não aparecem
Tive q deixa-lo mais simples pra ficar bacana, como não tem como deixa-lo centralizado então é só isso mesmo ;D
vlw!
vlw!
Tópicos semelhantes
» Opções do SCEditor não aparecem
» As opções de mudar a cor, centralizar não aparecem.
» Menu com "opções"
» Criar lista/opções de menu
» Menu nas opções do meu fórum
» As opções de mudar a cor, centralizar não aparecem.
» Menu com "opções"
» Criar lista/opções de menu
» Menu nas opções do meu fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos