Qual é minha questão:
Bem, o que eu queria, um tipo de quase "chatbox retratil", mas quando abrisse ele teria os "tópicos recentes, top dos mais postadores, etc." tem como isto? Pois meu novo tema não é adequado pra por widget já, e eu quero por.
Ele tem de ser tipo o acesso rápido ali na lateral, mas uma imagem escrita exemplo "Abra aqui", tem com isto?

Endereço do meu fórum:
http://tech.forum-pro.net

Versão do fórum:
PUNBB

UP!

UP!

UP!

UP!

Você já tem o código ?

Pior que não, mas eu queria muito, sabe?

sim, vou ver si eu consigo pra você, aguarda aí que eu posto, você quer na verdade tipo, quando clica assim do lado abrir as ultimas postagens ?

aki esta:

1 Crie um widget com o seguinte codigo:

Código:

<div style="position: fixed; top: 65%; left: 10px;">
<ul id="menu">
<li>
<a class="forum" href="http://pokemon.ultimaterpg.net">
<span>
Fórum
</span>
</a>
</li>
<li>
<a class="designer" http://pokemon.ultimaterpg.net/f11-tutoriais">
<span>
Tutoriais
</span>
</a>
</li>
<li>
<a class="programacao" href="http://pokemon.ultimaterpg.net/f19-noticias">
<span>
Noticias
</span>
</a>
</li>
<li>
<a class="novos" href="http://pokemon.ultimaterpg.net/portal">
<span>
Portal
</span>
</a>
</li>
<li>
<a class="mensagens" href="http://pokemon.ultimaterpg.net/privmsg?folder=inbox">
<span>
Mensagens
</span>
</a>
</li></ul>
</div>

2 Edite os links e nome das áreas de acordo com seu objetivo.

3 Adcione isso a sua css:

Código:

#menu body {
font-size:14px;
color:#666;
background:#111 no-repeat;
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
font-family:Arial, Helvetica, sans-serif;
}
#menu li {
list-style:none;
height:39px;
padding:2px;width:40px;
}
#menu span {
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
#menu a {
background:url('http://i.imgur.com/k4eWI.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
#menu a:hover span {
width:auto;
padding:0 20px;
overflow:visible;
}
#menu a:hover {
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
#menu .forum {
background-position:0 0;
}
#menu .forum:hover {
background-position: 0 -39px;
}
#menu .forum span {
background-color:#47d600;
color:#186123;
text-shadow:1px 1px 0 #45d14e;
}
#menu .designer {
background-position:-38px 0;
}
#menu .designer:hover {
background-position:-38px -39px;
}
#menu .designer span {
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
#menu .programacao {
background-position:-76px 0;
}
#menu .programacao:hover {
background-position:-76px -39px;
}
#menu .programacao span {
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
#menu .novos {
background-position:-114px 0;
}
#menu .novos:hover {
background-position:-114px -39px;
}
#menu .novos span {
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
#menu .mensagens {
background-position:-152px 0;
}
#menu .mensagens:hover {
background-position:-152px -39px;
}
#menu .mensagens span {
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}

Resulta?

Mafioso, eu quero de quando abre, apareça o "login", "ultimas postagens", "top dos postadores", "os mais ativos da semana", só isto.
Pedro, não é isto que eu quero.

Como se fosse o Shoutbox do IPB?

Não soushi, eu quero tipo o chatbox retratil, aparece um botão que eu mesmo crio, ai quando clica abre os widget, pois no meu tema, os widget fica feio nele, sabe?

Tipo assim?

https://2img.net/h/oi45.tinypic.com/s2til4.png

https://2img.net/h/oi46.tinypic.com/2wgbpqt.png

É tipo isto, mas em vez daquele painel, seria um widget, com os dados que passei 3 post acima.

Olá!

Só há como fazer isso do modo que é dito no tutorial: https://ajuda.forumeiros.com/t37664-tutorial-ocultar-os-widgets-do-forum
Do contrário só com a utilização de outros códigos JS (fora do tutorial) ao qual não oferecemos mais suporte.

Melhores cumprimentos,
seender

É tipo isto, mas não teria como deixar um pra ter um botão lá tipo o chat na lateral? Pra abrir e aparecer às widget?

tipo o o de chatbox lateral so q vc quer q os widgets aparecam em vez do chatbox n é?

Eu tenho um forum de xadrez e em vez do chatbox eu coloquei um tabuleiro flutuante para a galera jogar xadrez la no forum mesmo.Simplesmente substitui o link do chatbox (dentro do codigo) pelo link da pagina do aplicativo de xadrez e só tive que ajeitar a altura e largura do frame.

Talvez se vc criar um pagina onde apareça somente estes widgets que vc quer dava p pegar o link desta pagina e substituir pelo link do chatbox também,funcionando como um frame .

Olá!

Não há como sem a intervenção de códigos JS ou jQuery, ao qual não oferecemos mais suporte, portanto o tópico será considerado como resolvido.

Até mais!