Como editar este widget?

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

Resolvido Como editar este widget?

Mensagem por waghcwb em 16/12/12, 11:46 am

Qual é minha questão:
Adicionei este menu em meu fórum.
http://ajuda.forumeiros.com/t56816-tutorial-menu-na-lateral-do-forum
Modifiquei ele a meu gosto e tal, mas eu gostaria de fazer uma ultima modificação, porém não sei como.
Eu gostaria que quando o menu estivesse fechado, apenas este icone aparecesse nele e não os outros botões também.
Modifiquei o código da seguinte maneira.
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://icons.iconarchive.com/icons/apathae/wren/72/Generic-icon.png" alt="stack"/>
            <ul id="stack">




            <li><a href="http://www.bruniversalgames.com/t35-regras-do-forum-da-universal-games"><span>Importante</span><img src="http://icons.iconarchive.com/icons/apathae/wren/128/Develop-icon.png" alt="nome" width="48" height="48" /></a></li>




            <li><a href="http://www.bruniversalgames.com/f12-espaco-aos-usuarios"><span>Discussões</span><img src="http://icons.iconarchive.com/icons/apathae/wren/128/Group-icon.png" alt="nome" width="48" height="48" /></a></li>




            <li><a href="http://www.bruniversalgames.com/f9-sugestoes"><span>Sugestões</span><img src="http://icons.iconarchive.com/icons/apathae/wren/96/Sites-icon.png" alt="nome" width="48" height="48" /></a></li>




            <li><a href="http://www.bruniversalgames.com/f16-suporte-ao-usuario"><span>Suporte</span><img src="http://icons.iconarchive.com/icons/apathae/wren/128/Smart-icon.png" alt="nome" width="48" height="48" /></a></li>




            <li><a href="http://www.bruniversalgames.com/profile?mode=editprofile"><span>Perfil</span><img src="http://icons.iconarchive.com/icons/apathae/wren/128/User-icon.png" alt="nome" width="48" height="48" /></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>
   
Agradeço a atenção.

Mais imagens do meu problema.

Repare ali tem dois botões, gostaria que apenas este aparecesse.
Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3


Última edição por -wagh- em 18/12/12, 11:58 am, editado 1 vez(es)
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com
  • 0

Resolvido Re: Como editar este widget?

Mensagem por Sennior em 17/12/12, 11:54 am

Olá amigo!

Infelizmente o mesmo não é possivel, pois ele está interligado ao código, se retirar é perigoso que o mesmo não funcione corretamente!

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como editar este widget?

Mensagem por waghcwb em 18/12/12, 11:58 am

Desculpa a demora pela resposta, fiquei sem internet esses dias.
@Topic: Ta okay amigo, obrigado pela atenção, até mais.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.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