Menu flutuante animado

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

Resolvido Menu flutuante animado

Mensagem por #Skull em 15/05/12, 12:11 pm

Qual é minha questão:
Olhe esse Forum
Web Pixel
Ao Entrar verá No Canto direito Logo abaixo Uma imagem Que Ao clicar nela,Aparece Alguns Atalhos.
Qual codigo disso?

Medidas que eu tomei para corrigir o problema:


Links e imagens do meu problema:


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

Versão do meu fórum:
PUNBB
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Menu flutuante animado

Mensagem por Convidad em 15/05/12, 12:37 pm

Olá #Skull!

Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum Seta Criar um widget personalizado
Adicione o seguinte código:
Código:
<script type="text/javascript" src="http://actif.freetzi.com/js/stack1.js"></script>

<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://www.forum-webpixel.net/f68-promocoes-eventos"><span>Promoções & Eventos</span><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/72/add-event-icon.png" alt="nome" /></a></li>
   
                    <li><a href="http://www.forum-webpixel.net/f3-web-shop"><span>Shop</span><img src="http://icons.iconarchive.com/icons/samborek/christmas/72/basket-icon.png" alt="nome" /></a></li>
   
                    <li><a href="http://www.forum-webpixel.net/f134-area-do-usuario"><span>Área do Usúario</span><img src="http://icons.iconarchive.com/icons/icons-land/vista-people/72/Groups-Meeting-Dark-icon.png" alt="nome" /></a></li>
   
                    <li><a href="http://www.forum-webpixel.net/f79-tirinhas-memes"><span>Tirinhas Meme</span><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/72/Emotes-face-smile-icon.png" alt="nome" /></a></li>
   
    <li><a href="http://www.forum-webpixel.net/f16-regras-gerais" onclick="javascript:addbookmark()"><span>Regras Gerais</span><img src="http://icons.iconarchive.com/icons/saki/snowish/72/Button-important-icon.png" alt="nome" /></a></li>
                    </ul>
Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Convidad
Convidado


Resolvido Re: Menu flutuante animado

Mensagem por #Skull em 15/05/12, 12:56 pm

Funcionou.
Obrigado Muito feliz
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

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