Botoão navegação rápida

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

Olá,

Onde deseja coloca-los o tal efeito?


Até mais!

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

Olá,

Leia
https://ajuda.forumeiros.com/t16325-faq-gerir-os-botoes-do-menu-de-navegacao

Até mais!

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

Olá,

Crie um novo widget:
Painel de Controle Módulos Portal & Widgets 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>

Não marque 'table type'.

Cordialmente,
Crazy.

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.

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

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.

Obrigado a todos!