Menu lateral

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

Olá!

Queira ler estes tópicos:
- https://ajuda.forumeiros.com/t15885-
- https://ajuda.forumeiros.com/t1297-

Hancki

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'

Poderia tirar um print? Estou mesmo confuso.

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!

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.

Sinceramente continuo sem entender!

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.

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

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

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