Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Dificuldades com edição do menu do fórum

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Dificuldades com edição do menu do fórum

Mensagem por Satoru 29.06.17 22:45

Detalhes da questão


Endereço do fórum: http://power-duckets.forumfacil.net/
Versão do fórum: ModernBB

Descrição


Olá! Boa noite

Minha questão é a seguinte: comecei hoje a editar meu fórum e utilizar a versão Modern e editando os códigos encontrei uma dificuldade em direcionar o menu do fórum mais para baixo


Se possível essa cor preta também.
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 29.06.17 22:57

Dificuldades com edição do menu do fórum Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Eu não posso criar um menu idêntico, dado que os códigos do Fórum dos Fóruns são protegidos, mas podemos fazer um parecido. Feliz
Seguindo as orientações deste tópico, adicione em sua Folha de Estilos CSS:
Código:
ul.navbar.navlinks {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 0px;
  background-color: #444;
  box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.09);
}

ul.navbar.navlinks li {
  margin: 0px;
  padding: 0px;
}

ul.navbar.navlinks li a.mainmenu {
  padding: 12px 15px;
  border-radius: 0px;
  font-size: 13px;
}

PS: Peço também que o senhor não utilize formatações nos tópicos (como texto alinhado ao centro). Piscada

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 29.06.17 23:02

Peço perdão pela edição no texto.

Bem, eu já tinha criado um código parecido mas aconteceu o mesmo problema, quando rolo o mouse para o topo fica piscando uma barra. Poderia dar uma olhada?
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 29.06.17 23:06

Poderia me passar seu template "overall_footer_end"?

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 29.06.17 23:10

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 -->
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>


Última edição por Luiz em 29.06.17 23:13, editado 1 vez(es) (Motivo da edição : Colocar o template dentro das tags de código. (Estava fora).)
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 29.06.17 23:13

Troque por:
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}

<!-- 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 -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>

Sua mensagem acima foi editada, colocando o código entre as tags de código BBCode.

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 29.06.17 23:55

Alterei e continua do mesmo jeito.
Detalhe: O menu some quando rola um pouco para baixo.
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 29.06.17 23:56

Bom, o senhor salvou e publicou o template?
Se positivo, eu não entendo à qual problema o senhor está se referindo...
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 30.06.17 0:16

Quando rolo para baixo o menu desaparece.

https://i.servimg.com/u/f11/19/72/56/93/sem_ty11.png
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 30.06.17 0:21

Então, @Satoru:

O senhor não fez o que lhe pedi na minha mensagem anterior.
Logo, peço que, seguindo as orientações deste tópico faça o que pedi na minha mensagem anterior.

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 30.06.17 0:27

Eu fiz exatamente como pediste.
Segue o print:

https://i.servimg.com/u/f11/19/72/56/93/seaam_11.png

Apaguei o que estava e coloquei o novo umas 3 vezes.
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 30.06.17 0:33

Estranho. Eu estou vendo seu fórum e parece que o script continua lá.
Tente trocar por este:
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() {
      $('.is-sticky').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 -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>

Caso não resulte, precisarei de seu overall_footer_begin para ver se há algo errado nele.

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 30.06.17 0:38

Continua não funcionando. Segue o que pediste:

Código:
<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>

<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>

            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            </div>
         </div>
      </div>
   </div>
</div>
         </div>
      </div>
   </div>
</div>

<div class="statistics">
   <div class="wrap">
      <div class="statistics-item">
         {TOTAL_POSTS}
      </div>
      <div class="statistics-item">
         {TOTAL_USERS}
      </div>
      <div class="statistics-item">
         {NEWEST_USER}
      </div>
   </div>
</div>

<div id="page-footer">
   <div class="wrap">
      <ul class="footerbar-system">
         <li class="footer-home">
            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
         </li>
         <li class="rightside">
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 30.06.17 0:43

Adicione ao final de sua CSS:
Código:
.is-sticky#headerbar-top {
  background-color: initial;
  box-shadow: initial;
  height: initial;
  left: initial;
  padding: initial;
  position: initial;
  right: initial;
  top: initial;
  z-index: initial;
}

body .is-sticky #logo {
  display: initial;
  height: initial;
  margin: initial;
  margin-top: 13px;
  opacity: initial;
  transform: initial;
  width: initial;
}

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Satoru 30.06.17 1:29

Funcionou perfeitamente agora, obrigado!
Satoru

Satoru
Novo Membro

Membro desde : 29/06/2017
Mensagens : 27
Pontos : 40

http://power-duckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dificuldades com edição do menu do fórum

Mensagem por Luiz 30.06.17 1:31

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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