Menu css maker

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

Resolvido Menu css maker

Mensagem por Lima 3005 em 17/06/13, 06:31 am

Qual é minha questão:
Boas gente, ao adicionar o menu css maker fico sem o "logo" do fórum! Gostava de saber como acrescentar!

Código:
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg" /></a></div>
 
Gostava de acrescentar isso nisto:
Código:
<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li class='last'><a href='#'><span>Product 2</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>


Claro que depois tenho de meter aqui:


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="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('.novomenu').replaceWith(m)});




O menu está básico porque apenas quero saber como se acrescenta!


Endereço do meu fórum:
http://universogamer.foruns.com.pt

Versão do fórum:
PHPBB2
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu css maker

Mensagem por seender em 17/06/13, 09:12 am

Olá!

O código será este:
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'>
<br />
<div class='separator' style='clear: both; text-align: center;'>
<a href='http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'><img border='0' src='http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg' /></a></div>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
        <li><a href='#'><span>Product 1</span></a></li>
        <li class='last'><a href='#'><span>Product 2</span></a></li>
      </ul>
  </li>
  <li><a href='#'><span>About</span></a></li>
  <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<br />
<div class='separator' style='clear: both; text-align: center;'>
<a href='http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'><img border='0' src='http://i69.servimg.com/u/f69/18/09/40/05/12211.jpg' /></a></div>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
        <li><a href='#'><span>Product 1</span></a></li>
        <li class='last'><a href='#'><span>Product 2</span></a></li>
      </ul>
  </li>
  <li><a href='#'><span>About</span></a></li>
  <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});


Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu css maker

Mensagem por Lima 3005 em 17/06/13, 09:34 am

A barra azul fica em cima do logo e o menu em baixo :s
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu css maker

Mensagem por MateusA em 17/06/13, 10:31 am

Olá!

Troque o JavaScript por esse

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:not('#i_logo')").css({"display":"none"});});
        jQuery(document).ready(function(){if(jQuery('#logout').length){var m="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('.novomenu').replaceWith(m)});

Seta Mesmo se não resultar, deixe o código ativo, para que eu poça montar um código para mostrar a logo.

Até mais.
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: Menu css maker

Mensagem por Lima 3005 em 17/06/13, 01:13 pm

Onde coloco o logotipo?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt
  • 0

Resolvido Re: Menu css maker

Mensagem por Sennior em 18/06/13, 01:44 am

Olá querido Lima21!

Qual logotipo o senhor diz amigo? Outra coisa, poderia mandar os códigos originais do menu CSS que deseja ao teu fórum?

Abraços campeão! Muito feliz
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: Menu css maker

Mensagem por Lima 3005 em 18/06/13, 09:53 am

Já mandei tudo o logotipo é o primeiro código que aparece! o segundo são os códigos do menu
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu css maker

Mensagem por MateusA em 18/06/13, 10:13 am

Olá! Piscada

Querido, faça os procedimentos que você estava fazendo, somente troque o JavaScript pelo que eu lhe forneci.
Resumindo: faça os procedimentos indicados no seu primeiro post.

Até mais. Rindo
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

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