Menu personalizado lateral

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

Resolvido Menu personalizado lateral

Mensagem por V Giacobbo em 02/06/13, 12:10 am

Qual é minha questão:
Boa noite pessoal.

Eu gostaria de saber se é possível fazer o meu personalizado deste tutorial (http://ajuda.forumeiros.com/t56816-tutorial-menu-na-lateral-do-forum) aparecer em todas as páginas do fórum. Sei que é com um widget, mas não consegui entender bem qual.

Agradeço.

Endereço do meu fórum:
http://atlantiscityrpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por V Giacobbo em 03/06/13, 04:06 pm, editado 1 vez(es)
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por Shek em 02/06/13, 06:43 am

Olá!

É só aplicar o código explicado em um widget personaliado ou na mensagem da Home Page.

Atenciosamente.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 02/06/13, 06:08 pm

Na home page ele só aparecerá na home e não nos subfóruns. Como widget eu não sei o que fazer para aplicá-lo à todas as páginas. Esta a minha dúvida.
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por -Yts em 02/06/13, 06:23 pm

Olá, V Giacobbo

Tem como você explicar melhor?

-Yts
Nível 8

Masculino
Inscrito dia : 26/05/2013
Mensagens : 130
Pontos Ativos : 210

Ver perfil do usuário http://powerduckets.forumfacil.net/

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 02/06/13, 06:39 pm

Eu gostaria que o menu lateral do tutorial aparecesse em todas as páginas do fórum, não apenas na inicial. Fosse na página de perfil do usuário até qualquer sub-fórum.

Compreende?
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por North em 02/06/13, 07:30 pm

Boa noite,

Basta desenvolver o código, aplicá-lo em um widget e colocá-lo na coluna dos widgets, escolhendo para que eles sejam exibidos em todas as páginas do fórum.

Nesse tutorial você pode entender melhor como gerenciar os widgets:
Flecha ajudeiros [FAQ] Gerenciar os Widgets do Fórum

Até mais!
Positivo
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 03/06/13, 04:06 pm

Agora deu. Muito obrigada Muito feliz
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 03/06/13, 04:10 pm

Só depois que apertei em resolvido que percebi um problema. Colocar o código pelo widget distorce o layout do fórum. Quero dizer, desloca todo o fórum para a direita ou para a esquerda, pois a largura mínima é de 180px. Não há como implantar o código de outra forma? Ou diminuir a largura da coluna do widget?
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por North em 03/06/13, 04:20 pm

Olá,

Troque por este código:
Código:
        <style type="text/css">
        .stack { position: fixed; bottom: 5px; right: 25px; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666; }
        .stack * { margin: 0; padding: 0; }
        .stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
        .stack ul { list-style: none; position: absolute; top: 5px; margin:0; cursor: pointer; z-index: 1; }
        .stack ul li { position: absolute; }
        .stack ul li img { border: 0; }
        .stack ul li span { display: none; }
        .stack .openStack li span {
        display: block;
        position: absolute;
        top: 17px;
        right: 60px;
        height: 14px;
        line-height: 14px;
        background-color:#000;
        border: 0;
        padding: 3px 10px;
        text-align: center;
        text-shadow: #000 1px 1px 1px;
        font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
        font-size: 12px;
        color: #fcfcfc;
        border-radius: 10px;
        opacity: .85;
        filter: alpha(opacity = 85);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        }

        /* IE Fixes */
        .stack { _position: absolute; }
        .stack ul { _z-index:-1; _top:-15px; }
        .stack ul li {*right:5px;}
        .stack a {text-decoration:none}
        </style><div class="stack">
        <img src="http://www.addthis.com/cms-content/images/gallery/stack.png" alt="stack"/>
        <ul id="stack">

        <li><a href="http://pt-br.facebook.com/"><span>Facebook</span><img src="http://www.addthis.com/cms-content/images/gallery/facebook.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/f12-discussoes-gerais"><span>Discussões</span><img src="http://www.addthis.com/cms-content/images/gallery/stumbleupon.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/f48-sugestoes-e-melhoras"><span>Sugestões</span><img src="http://www.addthis.com/cms-content/images/gallery/reddit.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/c2-atendimento-ao-usuario-forumeiros"><span>Suporte</span><img src="http://www.addthis.com/cms-content/images/gallery/digg.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/forum"><span>Favoritos</span><img src="http://www.addthis.com/cms-content/images/gallery/addthis.png" alt="nome" /></a></li>
        </ul>
        </div>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

        <script type="text/javascript" src="http://www.yourjavascript.com/134446808/stack1.js"></script>

Eu testei e funcionou bem!
Obs: Em Utilizar um table type :, marque não e carregue em Salvar. Isto impedirá que o quadro apareça na lateral.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 03/06/13, 04:29 pm

Não resultou diferença. A imagem mostra o que está havendo. Há também um problema de defasagem do menu em si, mas não creio que possa resolvê-lo neste tópico.

Por hora, gostaria apenas de não defasar o fórum, se possível.

avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por North em 03/06/13, 04:40 pm

Olá!

Vamos resolver, paciencia. Alterei os valores, experimente este:

Código:
        <style type="text/css">
        .stack { position: fixed; bottom: 5px; right: 85px; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666; }
        .stack * { margin: 0; padding: 0; }
        .stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
        .stack ul { list-style: none; position: absolute; top: 5px; margin:0; cursor: pointer; z-index: 1; }
        .stack ul li { position: absolute; }
        .stack ul li img { border: 0; }
        .stack ul li span { display: none; }
        .stack .openStack li span {
        display: block;
        position: absolute;
        top: 17px;
        right: 60px;
        height: 14px;
        line-height: 14px;
        background-color:#000;
        border: 0;
        padding: 3px 10px;
        text-align: center;
        text-shadow: #000 1px 1px 1px;
        font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
        font-size: 12px;
        color: #fcfcfc;
        border-radius: 10px;
        opacity: .85;
        filter: alpha(opacity = 85);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        }

        /* IE Fixes */
        .stack { _position: absolute; }
        .stack ul { _z-index:-1; _top:-15px; }
        .stack ul li {*right:5px;}
        .stack a {text-decoration:none}
        </style><div class="stack">
        <img src="http://www.addthis.com/cms-content/images/gallery/stack.png" alt="stack"/>
        <ul id="stack">

        <li><a href="http://pt-br.facebook.com/"><span>Facebook</span><img src="http://www.addthis.com/cms-content/images/gallery/facebook.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/f12-discussoes-gerais"><span>Discussões</span><img src="http://www.addthis.com/cms-content/images/gallery/stumbleupon.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/f48-sugestoes-e-melhoras"><span>Sugestões</span><img src="http://www.addthis.com/cms-content/images/gallery/reddit.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/c2-atendimento-ao-usuario-forumeiros"><span>Suporte</span><img src="http://www.addthis.com/cms-content/images/gallery/digg.png" alt="nome" /></a></li>

        <li><a href="http://ajuda.forumeiros.com/forum"><span>Favoritos</span><img src="http://www.addthis.com/cms-content/images/gallery/addthis.png" alt="nome" /></a></li>
        </ul>
        </div>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

        <script type="text/javascript" src="http://www.yourjavascript.com/134446808/stack1.js"></script>
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 03/06/13, 04:47 pm

Claro Harker Feliz

Posicionou o menu de forma excelente. E quanto ao problema do widget? Há algum código css que elimine o deslocamento dele?
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por North em 03/06/13, 04:50 pm

A que se refere?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu personalizado lateral

Mensagem por V Giacobbo em 03/06/13, 05:03 pm

Na imagem anterior, o fundo da categoria termina antes de chegar na borda azul. Isto é porque ali existe a coluna do widget. Eu gostaria que ela não aparecesse e o menu persistisse.
avatar

V Giacobbo
Nível 7

Feminino
Inscrito dia : 21/07/2012
Mensagens : 88
Pontos Ativos : 122

Ver perfil do usuário http://atlantiscityrpg.forumeiros.com/forum

Resolvido Re: Menu personalizado lateral

Mensagem por North em 03/06/13, 05:15 pm

Bom, a única maneira que conheço é um código que permite ocultar os widgets com um botão, assim escondendo e ainda permitindo a funcionalidade do mesmo.

Essa questão pode ser sanada no tutorial abaixo:
Flecha ajudeiros [TUTORIAL] Ocultar os widgets do fórum

Resolve?!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

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