Gerir CSS Menu Maker

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 01:41 am

Qual é minha questão:
Eu queria como crio um segundo MENU tipo esse !
http://i.imgur.com/K1rEeA2.png

Endereço do meu fórum:
http://qwe123.forumeiros.com

Versão do fórum:
PHPBB3
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Icaro_OwneR em 21/07/13, 01:55 pm

Crazy , a dúvida dele é de como ele faz para criar esse "segundo" menu.
O que fica abaixo.
avatar

Icaro_OwneR
Nível 5

Masculino
Inscrito dia : 20/11/2012
Mensagens : 50
Pontos Ativos : 83

Ver perfil do usuário http://www.cooperbr.net

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 02:08 pm

Isso,oque o icaro falou,esse MENU preto !
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por MateusA em 21/07/13, 02:15 pm

Olá!

Queira checar:
Seta [TUTORIAL] Menu CSS maker

Até mais. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 03:14 pm

NAO TOU CONSEGUINDO ...
APARECE UM BANG DE HTML_SAIR
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior em 21/07/13, 03:17 pm

Olá amigo,

Faça assim, mande-me os códigos que o senhor pegou, digo o HTML e o CSS do menu que eu faço à alteração.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 04:01 pm

TIPO Mikee,EU QUERIA FAZER UM IDENTICO A AKELE DA PRINT,
SO QUE COM OUTROS NOMES ,ENVEZ DE PRISOES CSI:ST EU IA COLOCAR OUTRO !
MEU FORUM E PHPBB3
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior em 21/07/13, 04:05 pm

Olá amigo,

Sim, compreendo. Mas antes o senhor tem que fazer o menu pelo link:

Seta http://cssmenumaker.com/

Faça o menu e depois mande nos os códigos que irá gerir.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 04:18 pm

avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Mr.Little em 21/07/13, 04:21 pm

Olá PowerinG era apenas um Redirecionamento
Tente conectar no site novamente.

Até mais.!

Mr.Little
Nível 5

Masculino
Inscrito dia : 20/07/2013
Mensagens : 43
Pontos Ativos : 65

Ver perfil do usuário http://www.powerduckets.forumfacil.net

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 04:26 pm

Como assim !
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 04:44 pm

depois de eu editar o CSS inteiro onde eu cliko ?
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 em 21/07/13, 04:48 pm

Olá,

Em "validar".

Até mais!
avatar

Leon@rd0
Nível 2

Masculino
Inscrito dia : 18/07/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://narutonro.forumeiros.com/

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 04:56 pm

Nao estou ashando validar,pode ver na print !
http://i.imgur.com/YzWo3Rn.png
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 em 21/07/13, 05:44 pm

Olá,

Leia esse tutorial para aprender a como adicionar um menu feito no Menu Maker

Seta http://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker
avatar

Leon@rd0
Nível 2

Masculino
Inscrito dia : 18/07/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://narutonro.forumeiros.com/

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 05:52 pm

Fiz igualzin,ta funcionando,so que esta em branco nao tem cor !
http://i.imgur.com/2tkcOj6.png
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 em 21/07/13, 05:58 pm

Olá,

Mande o código JS que você adicionou.

avatar

Leon@rd0
Nível 2

Masculino
Inscrito dia : 18/07/2013
Mensagens : 5
Pontos Ativos : 7

Ver perfil do usuário http://narutonro.forumeiros.com/

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 05:59 pm

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><a href='http://cia-sa.forumeiros.com/portal'><span>PORTAL CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t1-regras-da-ciasa'><span>REGRAS CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t6-regras-policiais'><span>REGRAS POLICIAIS</span></a></li>
  <li class='active'><a href='http://cia-sa.forumeiros.com/post?f=4&mode=newtopic'><span>CADASTRO DE AGENTES</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/f5-sistemas'><span>SISTEMAS</span></a></li>
  <li class='active'><a href='http://cia-sa.forumeiros.com/f11-prisoes-ciasa'><span>PRISOES CIA:SA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t2-sistema-cargos-da-ciasa'><span>CARGOS CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/f14-tutoriais'><span>TUTURIAIS</span></a></li>
  <li><a href='http://sa-mp.com/download.php'><span>SAMP 0.3x</span></a></li>
  <li class='active last'><a href='http://nwdgames.com/forum' target='_blank'><span>NWD GAMES</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li><a href='http://cia-sa.forumeiros.com/portal'><span>PORTAL CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t1-regras-da-ciasa'><span>REGRAS CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t6-regras-policiais'><span>REGRAS POLICIAIS</span></a></li>
  <li class='active'><a href='http://cia-sa.forumeiros.com/post?f=4&mode=newtopic'><span>CADASTRO DE AGENTES</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/f5-sistemas'><span>SISTEMAS</span></a></li>
  <li class='active'><a href='http://cia-sa.forumeiros.com/f11-prisoes-ciasa'><span>PRISOES CIA:SA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/t2-sistema-cargos-da-ciasa'><span>CARGOS CIA</span></a></li>
  <li><a href='http://cia-sa.forumeiros.com/f14-tutoriais'><span>TUTURIAIS</span></a></li>
  <li><a href='http://sa-mp.com/download.php'><span>SAMP 0.3x</span></a></li>
  <li class='active last'><a href='http://nwdgames.com/forum' target='_blank'><span>NWD GAMES</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 06:00 pm

CSS :
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;
}
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior em 21/07/13, 06:41 pm

Olá amigo,

Re-ative o código por gentileza amigo.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 06:42 pm

como assim reativar ?
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior em 21/07/13, 06:44 pm

Olá amigo,

Coloque o menu por gentileza pois eu fui em teu fórum e não vi o menu.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG em 21/07/13, 06:55 pm

ah,ok vai la ver agora !
avatar

PowerinG
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 64
Pontos Ativos : 100

Ver perfil do usuário http://qwe123.forumeiros.com

Resolvido Re: Gerir CSS Menu Maker

Mensagem por North em 22/07/13, 01:02 am

Tres mensagens seguidas antes mesmo de se passar 24 horas? Isto não será tolerado! Ups somente são permitidos após ter passado 24 horas da ultima mensagem ou criação do tópico.

Não volte a cometer essa ação, ou terei de adverti-lo mais severamente. Seja paciente e aguarde, a sua questão tem o mesmo grau de importância das demais questões.

Obs.: Apaguei duas.

Acrescente o código a seguir na folha de estilo CSS:

Código:
#cssmenu {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #3A3A3A!important;
border-bottom: 2px solid #0fa1e0;
border-radius: 5px 5px 0 0;
height: 49px;
}

Seta Altere "#3A3A3A" para a cor que deseja em hexadecimal, rgb ou o nome da cor em inglês.

Até mais!
Positivo
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum