Instalar menu feito no css menu maker

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

Resolvido Instalar menu feito no css menu maker

Mensagem por djmpd21 em 25/09/13, 05:19 pm

Qual é minha questão:
Boas 

Segui o tutorial de como instalar o cssmenumaker mas o mesmo não aparece

O CSS é este

@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  zoom: 1;
  height: 69px;
  background: url(bottom-bg.png) repeat-x center bottom;
  border-radius: 2px;
  width: auto;
}
#cssmenu ul {
  background: url(nav-bg.png) repeat-x 0px 4px;
  height: 69px;
}
#cssmenu ul li {
  float: left;
  list-style: none;
}
#cssmenu ul li a {
  display: block;
  height: 37px;
  padding: 22px 30px 0;
  margin: 4px 2px 0;
  border-radius: 2px 2px 0 0;
  text-decoration: none;
  font-size: 15px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  font-weight: 400;
  opacity: .9;
}
#cssmenu ul li:first-child a {
  margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  background: url(color.png) center bottom;
  display: block;
  height: 37px;
  margin-top: 0px;
  padding-top: 26px;
  color: #004f7c;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
  opacity: 1;
}
O meu forum é Phpbb3





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

Versão do fórum:
PHPBB2


Última edição por djmpd21 em 26/09/13, 04:49 pm, editado 1 vez(es)
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por Sennior em 25/09/13, 05:20 pm

Olá!

Qual o código HTML gerado? Poderia me mandar?

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: Instalar menu feito no css menu maker

Mensagem por djmpd21 em 25/09/13, 05:52 pm

O Html

Spoiler:
<div id='cssmenu'>
<ul>
  <li><a href='http://teckview.forumeiro.com/'><span>Home</span></a></li>
  <li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
  <li><a href='#'><span>FAQ</span></a></li>
  <li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
  <li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
  <li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>

E o CSS

Spoiler:
@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
 padding: 0;
 margin: 0;
 line-height: 1;
 font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
 content: '';
 display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
 clear: both;
}
#cssmenu {
 zoom: 1;
 height: 69px;
 background: url(bottom-bg.png) repeat-x center bottom;
 border-radius: 2px;
 width: auto;
}
#cssmenu ul {
 background: url(nav-bg.png) repeat-x 0px 4px;
 height: 69px;
}
#cssmenu ul li {
 float: left;
 list-style: none;
}
#cssmenu ul li a {
 display: block;
 height: 37px;
 padding: 22px 30px 0;
 margin: 4px 2px 0;
 border-radius: 2px 2px 0 0;
 text-decoration: none;
 font-size: 15px;
 color: white;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
 font-weight: 400;
 opacity: .9;
}
#cssmenu ul li:first-child a {
 margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
 background: url(color.png) center bottom;
 display: block;
 height: 37px;
 margin-top: 0px;
 padding-top: 26px;
 color: #004f7c;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
 opacity: 1;
}

As imagens do menu são estas

http://cssmenumaker.com/sites/default/files/menu/146/nav-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/bottom-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/color.png
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por Sennior em 26/09/13, 01:08 am

Olá!

Vá em:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

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://teckview.forumeiro.com/'><span>Home</span></a></li>
  <li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
  <li><a href='#'><span>FAQ</span></a></li>
  <li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
  <li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
  <li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li><a href='http://teckview.forumeiro.com/'><span>Home</span></a></li>
  <li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
  <li><a href='#'><span>FAQ</span></a></li>
  <li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
  <li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
  <li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
  <li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
Investimento: Em todas as paginas.

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: Instalar menu feito no css menu maker

Mensagem por djmpd21 em 26/09/13, 09:57 am

Boas amigo

Não aparece o que eu criei aparece um menu ao alto sem imagens e deveria aparecer um menu na horizontal com as imagens que estão no tópico acima..
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por Sennior em 26/09/13, 12:15 pm

Olá!

Coloque o código novamente.

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: Instalar menu feito no css menu maker

Mensagem por djmpd21 em 26/09/13, 02:22 pm

Já o meti continua na mesma Muito feliz
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por Jpjupa em 26/09/13, 03:05 pm

Basta fazer por edição de templates.
Leia as FAQ's, como todo bom membro da forumeiros.

Abraço.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por djmpd21 em 26/09/13, 03:23 pm

@jpjupa escreveu:Basta fazer por edição de templates.
Leia as FAQ's, como todo bom membro da forumeiros.

Abraço.
Boas senhor que caiu de paraquedas aqui e não leu o a mensagem inicial.

Obrigado e siga o seu caminho
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por Jpjupa em 26/09/13, 03:30 pm

A explicação para o seu problema é simples amigo.
Você mesmo disse que seu fórum é PHPBB3, porém, fóruns com esta versão não suportam edição de template.

Este deve ser o problema, cujo está muito bem especificado nas FAQ's.

Leia elas, por favor.
Até mais.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Instalar menu feito no css menu maker

Mensagem por djmpd21 em 26/09/13, 03:40 pm

@jpjupa escreveu:A explicação para o seu problema é simples amigo.
Você mesmo disse que seu fórum é PHPBB3, porém, fóruns com esta versão não suportam edição de template.

Este deve ser o problema, cujo está muito bem especificado nas FAQ's.

Leia elas, por favor.
Até mais.
Adorei o por favor

Visite lá

www.teckview.forumeiro.com


O codigo só se activa se meter o codigo java e o CSS

Bem desisto do menu pois não dá com o forum..Obrigado na mesma
avatar

djmpd21
Nível 3

Masculino
Inscrito dia : 19/09/2013
Mensagens : 15
Pontos Ativos : 28

Ver perfil do usuário http://teckview.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