navegação rapida em link

Minha questão:

olá gostaria que quando clica - se neste link: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] aparece - se isto: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Novo Widget sem Table:

Código:


 
<div style="display:none;" id="quicknavbs">
   
   <div class="popupWrapper" style="z-index: 10001; float: left; top: 15%; left: 50%; margin: 0 0 0 -250px; position: fixed;" id="navigation_popup_popup">
      
      <div style="width: 600px;" class="popupInner" id="navigation_popup_inner">
         
         <h3>
             Navegacion Rápida
         </h3>
         
         <div style="height: 460px; max-height: 460px; overflow: auto;" class="fixed_inner ipsBox">
             <script>
    jQuery(document).ready(function(){
    jQuery('#main_abas').prepend(
    '<ul id="navebar">  <li><a>Community</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 class="aba" id="aba1">
                  
                  <div class="block_list">
                     
                     <li>
                         <a href="/search?search_id=newposts">View New Content</a>
                     </li>
                     
                     <li>
                         <a href="/viewonline">Users Online</a>
                     </li>
                     
                     <li>
                         <a href="/memberlist">Registered Members</a>
                     </li>
                     
                  </div>
                  
               </div>
               
               <div class="aba" id="aba2">
                  
                  <div id="category">
                     
                  </div>
                   <script>jQuery("#category").load("/forum .main-head .page-title h2, .hierarchy");</script>
               </div>
               
            </div>
            
         </div>
         
         <div onclick="jQuery('#quicknavbs').fadeOut();" class="popupClose clickable" id="navigation_popup_close">
             <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" />
         </div>
         
      </div><script>
    jQuery('#nav_app_ccs').click(function(){
      jQuery('#quicknavbs').fadeToggle();return false;
    });
    </script>
   </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-color: #464646;
    background-color: rgba(70, 70, 70, 0.6);
    padding: 4px;
    -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    -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;
    }
   
    .popupClose {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    }
    .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>
</div>


Olá Deew,

Funcionou Perfeiamente mas se acaso eu mudar o titulo do linko code desativa ?

até...

Não, irá funcionar ainda!

Ok então pode fechar obrigado.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código