Função CSS Menu Maker no fórum

3 participantes

Ir para baixo

Tópico resolvido Função CSS Menu Maker no fórum

Mensagem por ale97 10.07.13 23:22

Qual é minha questão:
Eu não sei criar menus no cssmenumaker!
Alguem me pode ajudar nisso, ou tem outra maneira de criar menu? Eu queria mesmo era fazer em imagens mas não sei como fazer!

Endereço do meu fórum:
http://beasim.umforum.net

Versão do fórum:
PUNBB
ale97
ale97
**

Membro desde : 30/12/2012
Mensagens : 75
Pontos : 138

http://beasim.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Função CSS Menu Maker no fórum

Mensagem por MateusA 10.07.13 23:28

Olá!

Para fazer com imagens, peça na seção gráfica e veja o tópico abaixo:
Seta https://ajuda.forumeiros.com/t56809-
Atenciosamente,
Crazy.
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: Função CSS Menu Maker no fórum

Mensagem por ale97 10.07.13 23:30

Cʀɑzy escreveu:Olá!

Para fazer com imagens, peça na seção gráfica e veja o tópico abaixo:
Seta https://ajuda.forumeiros.com/t56809-
Atenciosamente,
Crazy.

Obrigada, mas acho que não ajuda! Eu queria saber como colocar o menu cssmenumaker!
ale97
ale97
**

Membro desde : 30/12/2012
Mensagens : 75
Pontos : 138

http://beasim.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Função CSS Menu Maker no fórum

Mensagem por Hizu 10.07.13 23:34

Olá!

O CSSMenuMaker é um outro menu que pode ser substituido pelo o do teu fórum! Aqui tenho uma proposta de menu para a senhorita. Siga abaixo:

Aceda a "Folha de Estilo CSS";

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
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: -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%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  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%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  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: -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%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  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%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
  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;
}
e Valide!

Fazendo isto, agora aceda a "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta:adicionar:Criar um novo JavaScript
Título Seta Escolha um título qualquer.
Investimento Seta Em todas as páginas
Código:
Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'><ul>  <li><a href='www.bpchampions.forumeiros.com/forum'><span>Fórum</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/portal'><span>Portal</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/search'><span>Buscar</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/memberlist'><span>Membros</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/groups'><span>Grupos</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/privmsg?folder=inbox'><span>Mensagem Privadas</span></a></li>  <li><a href='www.bpchampions.forumeiros.com/login?logout=1&tid=cd0e30bc93911d1542a9cd6d9e6cda04&key=a73675'><span>Sair</span></a></li></ul></div>"};jQuery('#page-header .navbar').replaceWith(m)});
e Salve!

Até mais! Piscada


Última edição por Hizu em 11.07.13 16:48, editado 1 vez(es)
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Função CSS Menu Maker no fórum

Mensagem por MateusA 10.07.13 23:37

Olá!

O senhor citou que queria em imagens, eu lhe forneci, peço que não cite o que não deseja.
Seta https://ajuda.forumeiros.com/t64803-sobre-css-menu-maker

Atenciosamente,
Crazy.
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: Função CSS Menu Maker no fórum

Mensagem por ale97 11.07.13 10:25

Hizu, fiz o que voce disse mas o forum ficou todo diferente!
ale97
ale97
**

Membro desde : 30/12/2012
Mensagens : 75
Pontos : 138

http://beasim.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Função CSS Menu Maker no fórum

Mensagem por Hizu 11.07.13 16:49

Boa tarde senhorita!

Queira checar:

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

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