Fixar este menu!

Item: Fixar este menu!
Rating: 1

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

Informações:

Fórum:	Rewtec.com	Versão:	PUNBB
Tipo:	Erros diversos	Tags:	Fixar,menu!

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é

por HelixMendix 20.05.14 12:40

Ja havia feito algo parecido e ficou bugado

Fixar este menu! 9PDh1U9

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é

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

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