Menu flutuante animado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu flutuante animado
Qual é minha questão:
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
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?
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
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Menu flutuante animado
Olá #Skull!
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum Criar um widget personalizado
Adicione o seguinte código:
Shek
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum 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>
Shek
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Convidad- Convidado
Re: Menu flutuante animado
Funcionou.
Obrigado
Obrigado
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Tópicos semelhantes
» Colocando menu animado ( swf ) em widget
» Menu flutuante.
» Menu flutuante/fixo
» Como criar um menu esticado flutuante?
» Nick animado
» Menu flutuante.
» Menu flutuante/fixo
» Como criar um menu esticado flutuante?
» Nick animado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos