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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817

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

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


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