Mudar menu para a lateral

[Pattricia]

Detalhes da questão

Endereço do fórum: http://winxclubfairies.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Olá!
Gostaria de mudar o menu do fórum para a lateral, ou seja, nos widgets da coluna esquerda.
Porém encontrei tutoriais ensinando a mesma coisa, só que eu não quero o menu que abre e fecha, e sim um menu simples.
Obrigada.

[Hancki]

Olá!

Criei um código rápido que gera um menu num Widget do lado esquerdo, no topo da coluna dos Widgets. Ele copia o menu atual exato para o widget...
Caprichei e adicionei uma animação no menu para ficar mais dentro do tema do seu fórum! Espero que goste!
Adicione este código numa página Javascript, investida em "Todas as páginas"!

Código:

$(function() {
    var widgetHTML = '<style>#menuRapido img {display: none;} #menuRapido {list-style-image: url(http://i.imgur.com/Xux4crh.gif);font-size: 12px;}</style><div class="module"> <div class="inner"><span class="corners-top"><span></span></span> <div class="h3">Menu rápido do fórum</div> <div id="menuRapido"> </div> <span class="corners-bottom"><span></span></span> </div> </div>';
    $('#left .module:first').before(widgetHTML);
    var linksMenu = $('#page-header ul.navlinks').html();
    $('#menuRapido').html(linksMenu);
});

Hancki

[Pattricia]

Gostei, mas o menu continua lá

[Hancki]

Ah, agora entendi, quer mesmo remover o menu original!

Adicione este CSS na sua folha de estilos:

Código:

#page-header ul.linklist {
        display: none !important;
}

Hancki

[Pattricia]

Sim, era isso mesmo.
Ainda ficou uma caixa de pesquisa do Google lá.

[Hancki]

Então tem que dizer que quer remover isso também!

Substitua o último código que forneci por este:

Código:

#page-header div.navbar {
        display: none !important;
}

Hancki

[Pattricia]

Ok! Resolvido.

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.