Como editar este widget? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como editar este widget?

2 participantes

Ir para baixo

Tópico resolvido Como editar este widget?

Mensagem por waghcwb 16.12.12 13:46

Qual é minha questão:
Adicionei este menu em meu fórum.
https://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 Como editar este widget? Generic-icon 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.
Como editar este widget? QEPg5
Repare ali tem dois botões, gostaria que apenas este Como editar este widget? Generic-icon 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 13:58, editado 1 vez(es)
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como editar este widget?

Mensagem por Sennior 17.12.12 13:54

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como editar este widget?

Mensagem por waghcwb 18.12.12 13:58

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

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos