Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


Você não está conectado. Conecte-se ou registre-se

Centralizar Menu

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Centralizar Menu Empty Centralizar Menu Sex Set 06, 2013 9:50 am

Atendigos

Atendigos
Nivel 3

Link do fórum: http://suporteiros.maisforum.com/

Versão: PhpBB3

Imagens do problema:

Descrição do problema: Coloquei um menu gerado no CSS Maker e gostaria de saber como centralizar os botões.

Pelo painel não dá certo.

2Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 10:41 am

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Forneça o código do seu menu.

Até.

http://programando.forum-pro.net

3Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 10:50 am

Atendigos

Atendigos
Nivel 3

CSS
Código:
 .mainmenu {display:none;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
/* Menu CSS */#cssmenu,
#cssmenu > ul {
  background: url(http://i.imgur.com/Rf5bNcC.png) repeat;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
}
#cssmenu > ul {
  background: url(http://i.imgur.com/ZvWAthD.png) repeat;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li > a {
  padding: 23px 26px;
  display: block;
  color: white;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #0d0d0d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: url(http://i.imgur.com/Rf5bNcC.png) repeat;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
  background: url(http://i.imgur.com/LlaCxU8.png) repeat;
}
/* Childs */
#cssmenu > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120px;
  background: url(http://i.imgur.com/ZvWAthD.png) repeat;
  margin: 0;
  padding: 0;
  z-index: -1;
}
#cssmenu > ul li:hover ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  color: #000;
  z-index: 2;
  top: 64px;
  left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cssmenu > ul ul li a {
  padding: 18px 26px;
  display: block;
  color: white;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  width: 150px;
  border-left: 4px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#cssmenu > ul ul li a:hover {
  border-left: 4px solid #d64e34;
  background: url(http://i.imgur.com/LlaCxU8.png) repeat;
}
#cssmenu > ul ul li a:active {
  background: url(http://i.imgur.com/ZvWAthD.png) repeat;
}
JAVA
Código:
jQuery(document).ready(function(){
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").before("<div class='novomenu'></div>");
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").css({"display":"none"});});
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/faq'><span>FAQ</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/groups'><span>Grupos</span></a></li>
  <li class='has-sub'><a href='#'><span>Perfil</span></a>
      <ul>
        <li><a href='http://suporteiros.maisforum.com/profile?mode=editprofile#'><span>Informações</span></a></li>
        <li><a href='http://suporteiros.maisforum.com/profile?mode=editprofile&page_profil=preferences#'><span>Preferências</span></a></li>
        <li><a href='http://suporteiros.maisforum.com/profile?mode=editprofile&page_profil=signature#'><span>Assinatura</span></a></li>
        <li><a href='http://suporteiros.maisforum.com/profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
        <li><a href='http://suporteiros.maisforum.com/profile?mode=editprofile&page_profil=friendsfoes'><span>Amigos e Ignorados</span></a></li>
        <li class='last'><a href='http://suporteiros.maisforum.com/profile?mode=editprofile&page_profil=notifications'><span>Notificações</span></a></li>
      </ul>
  </li>
  <li><a href='http://suporteiros.maisforum.com/privmsg?folder=inbox'><span>Mensagem Privada</span></a></li>
  <li class='last'><a href='http://suporteiros.maisforum.com/login?logout'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/faq'><span>FAQ</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://suporteiros.maisforum.com/register'><span>Registro</span></a></li>
  <li class='last'><a href='http://suporteiros.maisforum.com/login'><span>Entrar</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

4Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 11:19 am

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá!

No seu código JS procure por:
Código:
<div id='cssmenu'>
Troque por:
Código:
<div id='cssmenu' style='text-align: center !important'>
Até.

http://programando.forum-pro.net

5Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 11:30 am

Atendigos

Atendigos
Nivel 3

Não resultou.

6Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 4:47 pm

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Não altere nada no JS, e adicione na tua CSS:
Código:
#cssmenu > ul > li {
  float: left;
left: 4%;
  position: relative;
}
seta No código acima procure por 4, vá aumentando.

Até mais.

http://programando.forum-pro.net

7Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 4:56 pm

Atendigos

Atendigos
Nivel 3

Não teve resultado.

8Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 5:28 pm

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Desculpe, erro meu..
No CSS que você informou, procure por:
Código:
#cssmenu > ul > li {
  float: left;
  position: relative;
}
É troque por isso:
Código:
#cssmenu > ul > li {
  float: left !important;
left: 4% !important;
  position: relative !important;
}
Abraços!

http://programando.forum-pro.net

9Centralizar Menu Empty Re: Centralizar Menu Sex Set 06, 2013 6:27 pm

Atendigos

Atendigos
Nivel 3

Também não deu certo crazy Sad

10Centralizar Menu Empty Re: Centralizar Menu Sáb Set 07, 2013 10:30 am

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Mais aqui funcionou perfeitamente..
Fui em seu fórum e o menu foi um pouco para o lado direito.
Já tentou aumentar o 4 ?

Até..

http://programando.forum-pro.net

11Centralizar Menu Empty Re: Centralizar Menu Sáb Set 07, 2013 11:23 am

Atendigos

Atendigos
Nivel 3

Na verdade já, retirei o código e aqui está no mesmo lugar, com ou sem o código fornecido.

12Centralizar Menu Empty Re: Centralizar Menu Qua Set 11, 2013 9:27 am

Cʀɑzy

Cʀɑzy
Admin
Admin

Tópico arquivado.

http://programando.forum-pro.net

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

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