Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Menu css maker

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Menu css maker

Mensagem por Lima 3005 17.06.13 10:31

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
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css maker

Mensagem por seender 17.06.13 13:12

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
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css maker

Mensagem por Lima 3005 17.06.13 13:34

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css maker

Mensagem por MateusA 17.06.13 14:31

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

Mensagem por Lima 3005 17.06.13 17:13

Onde coloco o logotipo?
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Menu css maker

Mensagem por Sennior 18.06.13 5:44

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
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: Menu css maker

Mensagem por Lima 3005 18.06.13 13:53

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css maker

Mensagem por MateusA 18.06.13 14:13

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

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

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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