Gerir CSS Menu Maker

+3
MateusA
Icaro_OwneR
PowerinG
7 participantes

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

Tópico resolvido Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 5:41

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

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

Versão do fórum:
PHPBB3
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Icaro_OwneR 21.07.13 17:55

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

Icaro_OwneR
**

Membro desde : 20/11/2012
Mensagens : 50
Pontos : 83

http://www.cooperbr.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 18:08

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

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por MateusA 21.07.13 18:15

Olá!

Queira checar:
Seta [TUTORIAL] Menu CSS maker

Até mais. Piscada
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 19:14

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

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior 21.07.13 19:17

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.
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: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 20:01

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
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior 21.07.13 20:05

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.
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: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 20:18

PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Mr.Little 21.07.13 20:21

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

Até mais.!
avatar

Mr.Little
*

Membro desde : 20/07/2013
Mensagens : 43
Pontos : 65

http://www.powerduckets.forumfacil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 20:26

Como assim !
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 20:44

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

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 21.07.13 20:48

Olá,

Em "validar".

Até mais!
Leon@rd0

Leon@rd0
Novo Membro

Membro desde : 18/07/2013
Mensagens : 5
Pontos : 7

http://narutonro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 20:56

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

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 21.07.13 21:44

Olá,

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

Seta https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker
Leon@rd0

Leon@rd0
Novo Membro

Membro desde : 18/07/2013
Mensagens : 5
Pontos : 7

http://narutonro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 21:52

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

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Leon@rd0 21.07.13 21:58

Olá,

Mande o código JS que você adicionou.

Leon@rd0

Leon@rd0
Novo Membro

Membro desde : 18/07/2013
Mensagens : 5
Pontos : 7

http://narutonro.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 21:59

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)});
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 22:00

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;
}
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior 21.07.13 22:41

Olá amigo,

Re-ative o código por gentileza amigo.

Até mais.
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: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 22:42

como assim reativar ?
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por Sennior 21.07.13 22:44

Olá amigo,

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

Até mais.
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: Gerir CSS Menu Maker

Mensagem por PowerinG 21.07.13 22:55

ah,ok vai la ver agora !
PowerinG

PowerinG
**

Membro desde : 21/07/2013
Mensagens : 64
Pontos : 100

http://qwe123.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir CSS Menu Maker

Mensagem por goodbye 22.07.13 5:02

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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