Menu lateral

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

Resolvido Menu lateral

Mensagem por BombaGames em 22/06/12, 03:24 pm

Qual é minha questão:
Oi, eu entrei num fórum e vi uma coisa muito legal, um tipo de um menu que tem do lado. Eu gostaria de por esse menu no meu fórum mais não sei como.
O menu que estou falando é que está do lado esquerdo desse fórum:
http://livreforum.forumbrasil.net/
Também tem um botão 'abrir' que abre o chat.

Eu tentei descobrir como poe dando CTRL U na página, achei um código mais não consegui usa-lo.
Alguém pode me ajudar?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://bombagames.bestgamesforum.com/

Versão do meu fórum:
PHPBB3


Última edição por BombaGames em 22/06/12, 05:38 pm, editado 1 vez(es)
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Menu lateral

Mensagem por Hancki em 22/06/12, 03:59 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu lateral

Mensagem por BombaGames em 22/06/12, 04:21 pm

Não é isso. Eu acho que é algum site privado que possui esse estilo de menu, gostaria de saber qual é? ou se é da forumeiros como por ele no fórum. É o do lado 'esquedo'
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Menu lateral

Mensagem por Hancki em 22/06/12, 04:23 pm

Poderia tirar um print? Estou mesmo confuso.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu lateral

Mensagem por Hancki em 22/06/12, 04:41 pm

Isso é simples!

Código:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow: visible; display: none; width: 700px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i.imgur.com/0rYDO.png" id="chatboxopen" style="display: inline; "><img src="http://i.imgur.com/OjeSl.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>
Até mais!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu lateral

Mensagem por BombaGames em 22/06/12, 04:52 pm

Obrigado. Mais eu estou mesmo mais interessado no menu com as opções. onde eu consigo o código dele? Mais obrigado pelo código do chat. Muito feliz
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Menu lateral

Mensagem por Hancki em 22/06/12, 04:55 pm

Sinceramente continuo sem entender! Tonto
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu lateral

Mensagem por BombaGames em 22/06/12, 05:11 pm

Hmmmm,
Entre nesse fórum : http://livreforum.forumbrasil.net/ e depois do lado esquerdo abaixo do ícone para abrir o chat, tem um ícone do facebook, clique nele e abrirá um menu com links diversos do fórum.
Isso que eu gostaria de saber. Feliz
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/
  • 0

Resolvido Re: Menu lateral

Mensagem por Hancki em 22/06/12, 05:30 pm

Ah, sim!
Penso que o código é este:
Código:
<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>
<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" style="padding-top: 35px; "><ul id="stack" style="top: -50px; left: 10px; " class="">

                <li style="top: 55px; left: -10px; "><a href="http://livreforum.forumbrasil.net/f33-apresentacoes-e-despedidas"><span>Apresentações</span><img src="http://cdn2.iconfinder.com/data/icons/gnomeicontheme/32x32/apps/user-info.png" alt="nome" style="width: 79px; margin-left: 0px; display: inline; "></a></li>

                <li style="top: 55px; left: -10px; "><a href="http://livreforum.forumbrasil.net/f37-unishop"><span>Shop</span><img src="http://icons.iconarchive.com/icons/samborek/christmas/72/basket-icon.png" alt="nome" style="width: 79px; margin-left: 0px; display: inline; "></a></li>

                <li style="top: 55px; left: -10px; "><a href="http://livreforum.forumbrasil.net/t466-regras-de-ocorrencias"><span>Regras</span><img src="http://cdn5.iconfinder.com/data/icons/pixelo/32/alert.png" alt="nome" style="width: 79px; margin-left: 0px; display: inline; "></a></li>

                <li style="top: 55px; left: -10px; "><a href="http://livreforum.forumbrasil.net/f48-humor-e-diversao"><span>Humor</span><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/72/Emotes-face-smile-icon.png" style="width: 79px; margin-left: 0px; display: inline; "></a></li>

              <li style="top: 55px; left: -10px; "><a href="http://pt-br.facebook.com/livreforum"><span>Facebook</span><img src="http://www.addthis.com/cms-content/images/gallery/facebook.png" alt="nome" style="width: 79px; margin-left: 0px; display: inline; "></a></li>
                </ul></div>
Agora terá que modificar a seu gosto!

Hancki


Última edição por Hancki em 22/06/12, 05:34 pm, editado 1 vez(es) (Razão : O CÓDIGO ESTAVA ERRADO)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu lateral

Mensagem por DropLeet em 22/06/12, 05:37 pm

Nossa, que código interessante! E funcionou certinho em um portal de testes aqui! Obrigado!
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Menu lateral

Mensagem por BombaGames em 22/06/12, 05:37 pm

MUITO obrigado, você é D+ !! Queria saber a muito tempo sobre esse menu!, muito obrigado mesmo! Venerar
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

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