Menu Fixo.......

Minha questão:
Segui o seguinte tutorial e as dicas que me foram passadas nele mas nao resultou..

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

mindlezz escreveu:

Alexandre51 escreveu:
Coloquei desta forma e nao resultou.. será que estou fazendo algo de errado?

You only have to add this javascript in all the pages:

Código:

/*
// Fixed menu on scroll
// This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
// Author: Wagner ( /waghcwb )
// Last update: 30/05/2014
// © This work is free and you can modify or distribute it, but you need to keep this credits.
*/
//<![CDATA[
$(function(){
var w = $(window),
   n = $('#primary_nav'),
   s = function(){
           w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
       };
   w.scroll(s);
});
//]]>

After doind that, add this CSS Code:

Código:


.mf
{
margin: 0px!important;
position: fixed!important;
top: 0;
right: 0;
left: 0;
z-index: 999;

/*** CSS Personalization ***/
background: #617e9c url(http://i.imgur.com/yO0Yiq9.png) repeat-x!important;
border-bottom: 0 solid #1b3759;
}

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][/quote]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá,

Pode adicionar este CSS para que eu possa fazer os testes? Remova os outros que o senhor tentou antes...

Código:

.mf{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}

El problema no es el css, el problema es que no se adiciona el class que debería de agregar el código javascript al menú....


Y es el mismo código que le di, está puesto en este foro Link

junto con el mismo css...

Mudei o CSS e tb o ID e nao resultou

@Alexandre51

Tenta isso aqui piazão..

Código:


/*
 // Fixed menu on scroll
 // This code will add a class to the menu on scroll, you just need to add a CSS rule on your stylesheet...
 // Author: Wagner ( /waghcwb )
 // Last update: 30/05/2014
 // © This work is free and you can modify or distribute it, but you need to keep this credits.
 */
//<![CDATA[
$(function(){
var w = $(window),
    n = $('#community_app_menu'),
    s = function(){
            w.scrollTop() > 100 ? n.addClass('mf') : n.removeClass('mf');
        };
    w.scroll(s);
});
//]]>

E este CSS

Código:

.mf{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background: #617e9c;
  padding: .5em;
}

Abraços...

    Não resultou

Oh fera, deve estar havendo algum conflito em seus scripts, veja:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Funcionando perfeitamente!

Aqui ja testei no Chrome e no firefox e em nenhum funcionou.
Já ate limpei o cache dos navegadores.
Alguma ideia do que pode ser?

Talvez conflito entre scripts não? Porque não faz o teste ai? Desative alguns scripts para verificar se continua com isso...

O código javascript não se apresenta na sua pagina, somente a linha em css,
Você removeu ou esqueceu de adicionar?
Se removeu deixe ativado para que possamos analisar.
Até.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Era imcompatibilidade mesmo, retirei alhuns Js e funcionou.. 
obrigados a tds que postaram e me ajudaram.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código