Barra fixa

2 participantes

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

Tópico resolvido Barra fixa

Mensagem por YanT 07.01.19 13:17

Detalhes da questão


Endereço do fórum: http://dblegendsbrasil.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Quando eu movo um pouco a barra de scroll, a barra da print se move e ficar "para dentro", teria como deixá-la fixa (sem se mover) quando eu dou scroll para assim corrigir esse bug?

Normal (sem mover a página):
https://i.imgur.com/4u4hAXG.png

Bug (depois de mover a página):
https://i.imgur.com/8EwA0tf.png
YanT

YanT
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra fixa

Mensagem por Convidado 07.01.19 14:41

Olá, @YanT!

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Agora, poderia passar-me o seu css e o template overall_footer_end?

Fico no aguardo.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra fixa

Mensagem por YanT 07.01.19 15:06

overall_footer_end
Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
 <div>
        <ul>
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
 <ul class="footerbar-user">
 <li><i class="ion-clock"></i>{CURRENT_TIME}</li>
            <!-- BEGIN footer_link -->
 <li class="rightside">
 <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">
 {switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}
 </a>
 </li>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </div>
 <div class="copyright">
 <div class="wrap">
 <div class="copyright-body">
 {ADMIN_LINK}
            </div>
        </div>
    </div>
</div>
{PROTECT_FOOTER}

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
 $(window).scroll(function() {
 var header_top = $('#headerbar-top');

 if (header_top.hasClass('w-toolbar')) {
 if ($(window).scrollTop() >= 42) {
 header_top.addClass('is-sticky');
 } else {
 header_top.removeClass('is-sticky');
 }
 } else {
 if ($(window).scrollTop() >= 1) {
 header_top.addClass('is-sticky');
 } else {
 header_top.removeClass('is-sticky');
 }
 }
 });
});
//]]>
</script>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
        
        FB.init({
            "appId"   : "{switch_facebook_login.FB_APP_ID}",
            "cookie"  : {switch_facebook_login.FB_COOKIE},
            "xfbml"   : {switch_facebook_login.FB_XFBML},
            "oauth"   : {switch_facebook_login.FB_OAUTH},
            "version" : "{switch_facebook_login.FB_VERSION}"
        });
        
        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect, span.ti-connect').attr({
            "data-loc": "{switch_topicit_connect.TOPICIT_URL}",
            "data-login": "{switch_topicit_connect.BOARD_LOGIN}",
            "data-version": "{switch_topicit_connect.TOPICIT_VERSION}",
            "data-lang": "{switch_topicit_connect.BOARD_LANG}"
        });

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
 fa_endpage();
//]]>
</script>
</body>
</html>

css
Código:
/**
* WhiteShadow Theme by pedxz to ModernBB
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
 body {
     text-shadow: 0 1px 1px rgba(0,0,0,0.2);
     font-family: "Roboto", sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 300;
     font-style: normal;
}
 a {
     text-decoration: none;
     -webkit-tap-highlight-color: transparent;
}
 a, .post-content {
     text-shadow: none;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-weight: inherit;
}
 .h3, h3 {
     border-color: transparent;
}
 .headerbar {
     height: 250px;
}
 a#logo {
     display: none;
}
 div#headerbar-top {
     background-color: #2c353b;
     margin-top: 170px;
     background-attachment: fixed;
     background-position: center top;
}
 div#site-desc {
     top: 20%;
}
 .is-sticky {
     position: relative!important;
     background-color: #2c353b!important;
     margin-top: 170px;
     box-shadow: none!important;
     height: 81px!important;
     padding: 0!important;
}
 .is-sticky .navbar {
     text-align: left;
}
 .is-sticky .navbar li {
     margin: 25px 0 0;
}
 .navbar a:hover {
     background-color: transparent;
     border-radius: 0;
     color: white;
}
 .navbar li:hover {
     opacity: .2;
}
 .forabg.hidden {
     background-color: rgb(245, 245, 245);
}
 .post-head {
     background-color: white;
     border-color: white;
}
 .postprofile-avatar img {
     border: 0;
     border-radius: 0;
     -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
     box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
 #preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
     border: 0!important;
}
 .copyright .wrap:after {
     content: 'WhiteShadow Theme by pedxz to ModernBB Host by HitSkin.';
     display: block;
     padding-bottom: 20px;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/portal"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
a.mainmenu[href="/gallery"]{
display: none !important;
}
a.mainmenu[href="/groups"]{
display: none !important;
}
YanT

YanT
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra fixa

Mensagem por YanT 07.01.19 17:10

Roger123 escreveu:Olá, @YanT!

Bem-vindo ao Fórum dos Fóruns!



Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:



Agora, poderia passar-me o seu css e o template overall_footer_end?

Fico no aguardo.
estou te citando pois creio que você acabou não sendo notificado anteriormente.
YanT

YanT
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra fixa

Mensagem por RafaelS. 07.01.19 17:15

Olá @YanT,

Desde já deve saber que:

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Quanto à sua questão leia este tópico:
Seta [TUTORIAL] Remover menu fixo ao descer a página (ModernBB)

Até mais. Feliz
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra fixa

Mensagem por YanT 07.01.19 17:33

Obrigado. Resolveu o problema.
YanT

YanT
Novo Membro

Membro desde : 07/01/2019
Mensagens : 14
Pontos : 24

http://dblegendsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra fixa

Mensagem por Convidado 07.01.19 17:34

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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