Fixar este menu!

4 participantes

Ir para baixo

Tópico resolvido Fixar este menu!

Mensagem por HelixMendix 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
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por Roevs 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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por HelixMendix 20.05.14 12:40

Ja havia feito algo parecido e ficou bugado

Fixar este menu! 9PDh1U9
HelixMendix
HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por Roevs 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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por HelixMendix 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
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fixar este menu!

Mensagem por waghcwb 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
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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