Olá!
Infelizmente, é um pouco mais complexo que isso. Na verdade essa aba onde eu coloquei o
Servidor 2, já existia. Era onde apareciam as opções de conexão, certo? Apenas achei mais lógico deixar os servidores nas laterais e a conexão ao fórum na parte superior.
Eu analisei o código, e como pode ver eu alterei a
class de [codebox]nav[/codebox]. Eu as encontrei no código e apliquei as.
Código:
<nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
<h3>Fórum</h3>
<a href="/f">Acessar</a>
<a href="/l">Logar</a>
<a href="/r">Registrar-se</a>
</nav>
Depois criei a seguinte função, me baseando nas outras e nas variáveis já definidas:
Código:
showTop.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-down' );
classie.toggle( menuTop, 'cbp-spmenu-open' );
disableOther( 'showBottom');
};
E por fim adicionei o botão:
Código:
<button id="showTop" class="animated bounceInUp">Fórum</button>
O que restaria agora também, caso quisesse adicionar outra aba seria a aba inferior. Para a criar, terá de proceder de forma lógica, como eu o fiz. Caso precise de mais explicações, não hesite.