Fixar este menu!

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

Atendido / Resolvido Fixar este menu!

Mensagem por HelixMendix em 20.05.14 12:10

  • Descrição:
Olá! Estou a ter alguma dificuldade em fixar este menu "header_bar" já utilizei o "fixed" e não obtive resultado Fixar este menu! GqSJjpB

  • Informações:
Fórum:Rewtec.comVersão:PUNBB
Tipo:Erros diversosTags:Fixar,menu!



Última edição por HelixMendix em 26.05.14 9:34, editado 1 vez(es)
HelixMendix

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 837
Pontos Ativos : 1265

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por AquilesD. em 20.05.14 12:31

Olá,

Tente adicionar este código na sua Folha de estilo CSS

Código:
#header_bar {
background: black url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x!important;
position: fixed!important;
}

Até
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5997
Pontos Ativos : 7718

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por HelixMendix em 20.05.14 12:40

Ja havia feito algo parecido e ficou bugado

Fixar este menu! 9PDh1U9
HelixMendix

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 837
Pontos Ativos : 1265

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por AquilesD. em 20.05.14 13:01

Olá,

Altere o código passado por este

Código:
#header_bar {
background: black url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x;
text-align: right;
position: fixed!important;
min-width: 1400px!important;
}

Até


Fixar este menu! WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5997
Pontos Ativos : 7718

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por Hancki em 20.05.14 13:22

Olá!

Vamos usar algo mais criativo...
Use este JS investido em todas as páginas:
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#header_bar');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px',
                'background': 'url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) repeat-x',
                'padding': '0',
                'text-align': 'right',
                'width': '100%',
                'z-index': '9999'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto',
                'background': 'url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x',
                'padding': '0',
                'text-align': 'right'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por HelixMendix em 20.05.14 13:44

Quakeline escreveu:Olá,

Altere o código passado por este

Código:
#header_bar {
background: black url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x;
text-align: right;
position: fixed!important;
min-width: 1400px!important;
}

Até

Quase funcionou, mas eu acho que a barra tem um fundo tranparente e depois ao vir com o srcoll para baixo só fica visivel o avatar e as restantes coisas quando a barra por algo escuro. Mas ainda não está certo veja a imagem a baixo ainda está meio bugado

Fixar este menu! FO8dwHX


@Hancki escreveu:Olá!

Vamos usar algo mais criativo...
Use este JS investido em todas as páginas:
Código:
jQuery(function ($) {
    function fixHancki() {
        var $selectorHancki = $('#header_bar');
        if ($(window).scrollTop() > 100)
            $selectorHancki.css({
                'position': 'fixed',
                'top': '0px',
                'background': 'url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) repeat-x',
                'padding': '0',
                'text-align': 'right',
                'width': '100%',
                'z-index': '9999'
            });
        else
            $selectorHancki.css({
                'position': 'relative',
                'top': 'auto',
                'background': 'url(http://ipbskinning.com/demoboard/public/style_images/sylopro/user_navigation.png) repeat-x',
                'padding': '0',
                'text-align': 'right'
            });
    }
    $(window).scroll(fixHancki);
    fixHancki();
});

Hancki

Esse código funcionou Hancki porém eu queria evitar o maximo de JS preferia que fosse tudo em css Piscada

Obrigado
HelixMendix

HelixMendix
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 837
Pontos Ativos : 1265

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

Atendido / Resolvido Re: Fixar este menu!

Mensagem por waghcwb em 25.05.14 22:34

Olá,

Entrei no fórum para ver como poderia ser feito o efeito, e a barra ja se encontra fixa...

Porque o senhor não clica em resolvido? Muito feliz

Ou ainda não conseguiu o que queria? (Ai eu fico confuso Envergonhado )
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

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