Botoão navegação rápida

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

Resolvido Botoão navegação rápida

Mensagem por #d0C em 16/09/13, 01:47 am

Qual é minha questão:
Olá, neste forum: [url=]http://bestskins.com.br/forum[/url] como podem ver no lado direito tem dois botoes, e um titulado de "Navegação Rápida", e eu gostaria de o obter para colocar esse mesmo no meu forum!

Obrigado, e espeo que me possam ajudar!
Cumprimentos!

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 17/09/13, 01:17 pm, editado 1 vez(es)
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Botoão navegação rápida

Mensagem por Sking em 16/09/13, 06:11 am

Olá,

Onde deseja coloca-los o tal efeito?


Até mais!

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Botoão navegação rápida

Mensagem por #d0C em 16/09/13, 01:54 pm

Ao lado da caixa de pesquisa, mais precisamente a direita do botão "+" que se situa a direita da caixa de pesquisa.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Botoão navegação rápida

Mensagem por Sking em 16/09/13, 04:12 pm


Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Botoão navegação rápida

Mensagem por #d0C em 16/09/13, 04:25 pm

Isso não ajuda amigo...
Eu precisava daquele efeito.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Botoão navegação rápida

Mensagem por MateusA em 16/09/13, 06:41 pm

Olá,

Crie um novo widget:
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Código:
    <div class="nav_fast">
    <li><a onclick="jQuery('#quicknavbs').fadeToggle();" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Abrir Navegação Rápida">Navegação rápida</a></li></div>
    <style>
    .nav_fast {
    bottom: 0;
    right: 0;
    padding: 9px;
    position: fixed;
    cursor: pointer;
    background: #eee;
    border: 1px solid #ddd;
    }
    .nav_fast a, .nav_fast a:hover {
    color: gray;
    }
    li {list-style-type: none;}
    </style>
                    <div id="quicknavbs" style="display:none;">
                    <div id="navigation_popup_popup" style="z-index: 10001; top: 45.5px; left: 370.5px; position: fixed;" class="popupWrapper"><div id="navigation_popup_inner" class="popupInner" style="width: 600px;"><h3>Navegação Rápida</h3><div class="fixed_inner ipsBox" style="height: 460px; max-height: 460px; overflow: auto;">
    <script>
    jQuery(document).ready(function(){
    jQuery('#main_abas').prepend(
    '<ul id="navebar">  <li><a>Geral</a></li> <li><a class="active">Forums</a></li></ul>')

    jQuery('.aba').css({
    display: 'none',
    marginTop: 0,
    borderTopWidth: 0
    })

    jQuery('#aba2').css('display', 'block');

    jQuery('a', jQuery('#navebar')).click(function() {
    var i = jQuery('a', jQuery('#navebar')).index(this) + 1;
    jQuery(this).parents('#main_abas').children('.aba:visible').hide();
    jQuery('#aba' + i).show();
    jQuery(this).parents('#navebar').find('a').removeClass('active');
    jQuery(this).addClass('active');
    })
    })
    </script><div id="main_abas"><div id="aba1" class="aba"><div class="block_list">
    <li><a href="h/search?search_id=newposts">Ver Novo Conteúdo </a></li>
    <li><a href="/viewonline">Usuários Online</a></li>
    <li><a href="/memberlist">Membros Registrados</a></li>
    </div>
    </div><div id="aba2" class="aba"><div id="category"></div>
      <script>jQuery("#category").load("/forum .main-head .page-title h2, .hierarchy");</script>
    </div>                                         
                            </div>
                      </div><div id="navigation_popup_close" onclick="jQuery('#quicknavbs').fadeOut();" class="popupClose clickable"><img src="http://i81.servimg.com/u/f81/18/07/42/17/close_11.png" alt="x"></div>
                  </div>
    </div>
    <style>
    div#category h2 {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #fff;
    font-weight: bold;
    display: block;
    padding: 5px 10px;
    }
    div#category .hierarchy {
    font-weight: normal!important;
    font-size: 11px;
    text-shadow: 0px 0px 0px;
    background: none;
    display: block;
    margin-left: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 5px 10px;
    padding-left: 15px;
    }
    </style>
    <style>
    .popupWrapper {
    background: url('http://i72.servimg.com/u/f72/18/07/42/17/trans610.png') repeat;
    background: rgba(0,0,0,0.6);
    padding: 8px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
    -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }
    .popupInner {
    background: white;
    width: 500px;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    }
    .popupInner h3 {
    background: #eee url(http://i72.servimg.com/u/f72/18/07/42/17/highli13.png) repeat-x top;
    border-bottom: 1px solid #d8d8d8;
    text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
    padding: 8px 10px 9px;
    font-size: 16px;
    font-weight: 300;
    }
    .popupClose {
    position: absolute;
    right: 20px;
    top: 20px;
    }
    .ipsBox, .ipsPad {
    padding: 9px;
    }
    .ipsBox {
    background: #eee;
    }
    .block_list > li {
    padding: 5px 10px;
    list-style-type: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eaeaea;
    }
    div.aba { 
      margin-left: 153px;
      background:#fcfcfc;
      text-align:justify;
      min-height: 400px;
      border: 1px solid #dcdcdc!important;
      }
    #navebar {
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
      border-left: 1px solid #dcdcdc;
      font:bold 12px tahoma,helvetica,arial,sans-serif;
      margin:0;
      float: left;
      }
    #navebar li {
      display: block;
      background: #f5f5f5;
      color: #808080;
      border-bottom: 1px solid #dcdcdc;
      list-style:none;
      }
    #navebar li a:hover {
      background:#f2f2f2;
      color:#808080;
      }
    #navebar li a.active {
    width: 135px;
    position: relative;
    z-index: 8000;
    border-right: 2px solid #fcfcfc;
    background: #fcfcfc;
    color: #353535;
    font-weight: bold;
    }
    #navebar li a {
      border-right: 1px solid #dcdcdc;
      font-weight: normal;
      cursor: pointer;
      background: #f5f5f5;
      color: #8d8d8d;
      padding: 10px 8px;
      outline: 0;
      color: #8d8d8d;
      -webkit-transition: background-color 0.1s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      text-decoration:none;
      width:135px;
      display:block;
      }
    </style>
Seta Não marque 'table type'.

Cordialmente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botoão navegação rápida

Mensagem por #d0C em 17/09/13, 01:34 am

Amigo Cʀɑzy, funcionou na perfeição!
Será que daria para colocar ao laod do botao mais?
Se precisar do overall_header eu posso fornecer.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Botoão navegação rápida

Mensagem por Diego XD em 17/09/13, 09:05 am

Corrente Grafica Não é possivel pelo motivo de que ele é um botão fixo.
avatar

Diego XD
Nível 7

Masculino
Inscrito dia : 19/03/2013
Mensagens : 95
Pontos Ativos : 173

Ver perfil do usuário http://ultrasims.forum.st/ http://www.facebook.com/diegoqueiroz1234

Resolvido Re: Botoão navegação rápida

Mensagem por MateusA em 17/09/13, 11:18 am

Olá!

Sim meu caro, facilmente. Mais eu não posso lhe fornecer mais que isto aqui, pois não damos suporte á códigos jQuery.
Sugiro procurar fóruns que dão suporte á isto. Eles facilmente iram lhe ajudar.

Cordialmente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botoão navegação rápida

Mensagem por #d0C em 17/09/13, 01:17 pm

Obrigado a todos!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum