Adicionar uma barra de navegação lateral

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

Atendido / Resolvido Adicionar uma barra de navegação lateral

Mensagem por EDU2010 27.04.19 7:20

EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por pedxz 27.04.19 14:04

Olá @EDU2010,
Vá ao seguinte template: overall_header, localize a váriavel {JAVASCRIPT} e em baixo dela adicione o seguinte código:
Código:
<input type="checkbox" id="menu" name="menu" class="menu-checkbox">
<div class="menu">
   <label class="menu-toggle" for="menu"><span>Toggle</span></label>
   <ul>
      <li>
         {GENERATED_NAV_BAR}
      </li>
   </ul>
</div>
<style type="text/css">
   label[name=menu] {
   cursor: pointer;
   }
   label[name=menu]:focus {
   outline: none;
   }
   .menu {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   background: #fff;
   z-index: 99999!important;
   width: 240px;
   height: 100%;
   transform: translate3d(-240px, 0, 0);
   transition: transform 0.35s;
   }
   .menu label.menu-toggle {
   position: absolute;
   right: -60px;
   width: 60px;
   height: 60px;
   line-height: 0px;
   display: block;
   padding: 0;
   text-indent: -9999px;
   background: #fff url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png) 50% 50%/25px 25px no-repeat;
   }
   .menu ul li > label {
   background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;
   }
  .menu > ul {
    overflow-y: auto;
    height: 100%;
   }
   .menu ul li a, .menu ul li label {
   display: block;
   text-align: center;
   padding: 0 20px;
   line-height: 60px;
   text-decoration: none;
   color: #000;
   }
   .menu ul li a:hover, .menu ul li label:hover {
   color: #666;
   }
   .menu-checkbox {
   display: none;
   }
   .menu .menu label.menu-toggle {
   background: none;
   }
   .menu-checkbox:checked + .menu {
   transform: translate3d(0, 0, 0);
   }
</style>


Cordialmente,
pedxz.
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5838
Pontos Ativos : 6946

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por EDU2010 27.04.19 20:08

funcionou amigo , mais como coloco as funções dos botões , pois apenas ficou os tres pntinhos e quanto clica esta vazio em branco ...
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por EDU2010 29.04.19 20:36

Alguém poderia me ajudar ?
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por EDU2010 03.05.19 11:04

Alguém poderia ajudar...
EDU2010

EDU2010
Usuário experiente

Masculino
Inscrito dia : 09/12/2010
Mensagens : 2272
Pontos Ativos : 3556

http://passarinhos.forumeiros.com/forum.htm

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por pedxz 03.05.19 13:24

A justificação para os itens da barra de navegação ficarem em branco é devido a este código:
Código:
/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/portal"],[href="/events"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}


/****m fim ocultar menu******/
troque para:
Código:
/*** ocultar menu****/
.mainmenu[href="/calendar"], .mainmenu[href="/faq"],
.mainmenu[href="/portal"], .mainmenu[href="/events"], .mainmenu[href="/groups"], .mainmenu[href="/memberlist"], .mainmenu[href="/search"], .mainmenu[href="/profile?mode=editprofile"], .mainmenu[href="/privmsg?folder=inbox"], .mainmenu[href="/gallery/index.htm"], a#logout {
    display: none !important;
}

/****m fim ocultar menu******/
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5838
Pontos Ativos : 6946

Atendido / Resolvido Re: Adicionar uma barra de navegação lateral

Mensagem por Convidado 09.05.19 14:53

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Anonymous

Convidado
Convidado


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