Como fazer com que o menu dos grupos fique desta maneira:

Qual é minha questão:
Gostaria de colocar essa área dos grupos e registros dessa maneira. Pelo que vi, é uma imagem de fundo e as informações em código html. A imagem eu faria, baseada nessa mas referente ao meu tema, eu só preciso do código em si, pois não sei lidar muito bem com isso.

Agradeço.

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:


Endereço do meu fórum:
legilimensrpg.forumeiros.com

Versão do meu fórum:
PHPBB2

~ Olá amigo,
poderia fornecer o link do fórum desta imagem?

Aqui está: http://ny-rpg.forumeiros.com/forum

Olá, aceda a Painel de controle Modulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Clique no botão escrito "Criar um novo Java Script", em "Titulo" coloque o que desejar, em "Investimento :" coloque "em todas as paginas, em "Código JavaScript * :" adicione o codigo abaixo e clique em Confimar,

Código:

jQuery(document).ready(function(){jQuery('table.forumline:contains("Quem está conectado")').before('<style>#corpr span{color:#000000}</style><center><div id=corpr style="background-image:url(http://img580.imageshack.us/img580/8595/quemestaon.png);width:829px;height:443px"><div style="position:relative;text-align:center;left:115px;top:145px;width:160px;height:150px"><span class=gensmall>'+jQuery('table.forumline:contains("Quem está conectado") span.gensmall:eq(0)').html()+'</span></div><div style="position:relative;text-align:center;left:284px;bottom:10px;width:160px;height:150px;overflow:auto"><span class=gensmall>'+jQuery('table.forumline:contains("Quem está conectado") span.gensmall:eq(1)').html()+'</span></div><div style=" position:relative;text-align:center;padding-left:110px;bottom:-60px;width:610px;height:60px;overflow:auto;margin-right:-70px"><span class=gensmall>'+jQuery('table.forumline:contains("Quem está conectado") span.gensmall:eq(2)').html()+'</span></div><div style="text-align:center;position:relative;left:195px;bottom:320px;width:330px;height:60px;overflow:auto"><span class=gensmall>'+jQuery('table.forumline:contains("Quem está conectado") span.gensmall:eq(3)').html()+'</span></div></div></center>');jQuery('table.forumline:contains("Quem está conectado")').remove()});

Olá,
não mudou nada.

Olá, na gestão dos codigos java script procure por "Habilitar o gerenciamento dos códigos JavaScript :" marque sim e salve, agora coloque meu codigo.

Olá, eu já havia habilitado o javascript antes de copiar seu código, e mesmo assim não funcionou. Será que é por causa da versão? (PHPBB2)

Cold_100 escreveu:Olá, eu já havia habilitado o javascript antes de copiar seu código, e mesmo assim não funcionou. Será que é por causa da versão? (PHPBB2)

a manow nao sei eu acho que nao to na duvida tentando solucionar o erro saka

Olá, não pois eu acabei de testar em um forum PHPBB2 e pegou, tente colocar "Investimento :" apenas no indice.

Olá, agoooooora funcionou. ;D
Obrigado, podem fechar o tópico.

Ops, mas no lugar dos grupos estão os aniversariantes. Como eu poderia modificar isso?

Olá, aceda a Painel de controle USUÁRIOS & GRUPOS Usuários Opções dos usuários Procure por "Ativar a gestão dos aniversários :" Marque não e salve.

Já consertei, porém, a legenda fica normal (como se tivesse sem html) e eu gostaria de que os grupos ficassem iguais ao fórum que eu vi (os grupos ficam em uma fonte maior, e sem os colchetes entre um e outro).

Olá, adicione o codigo em seu CSS

Código:

.bordure_pa {
border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.contenu_onglet {
height: 100px;
}

 .onglet {
display:inline-block;
margin-left:3px;
margin-right:3px;
padding-top: 25px;
width: 80px;
height: 55px;
}

 
.contenu_onglet {
margin-top:-1px;
padding: 5px;
display:none;
height: 100px;
width: 800px;
text-align: center;
}

Não modificou nada.

Olá Cold!

Teste esse código, e veja se ele funciona:

Código:

element.style {
background-image: url('http://img580.imageshack.us/img580/8595/quemestaon.png');
width: 829px;
height: 443px;
}
div {
display: block;
}
center {
text-align: -webkit-center;
}
p, td, th {
font-family: Verdana,Arial,Helvetica,sans-serif;
}
table {
border-collapse: separate;
border-spacing: 2px;
}
p, td, th {
font-family: Verdana,Arial,Helvetica,sans-serif;
}
table {
border-collapse: separate;
border-spacing: 2px;
}

Adicione-o em: Painel de Controle visualização Cores/Folha de estilo CSS

Boa noite .

Olá, a fonte aumentou, mas os colchetes continuam.

Alguém??

é possivel o mesmo para phppb3?

Olá, eu testei em um forum PHPBB3 e não pegou, creio que não é possivel.

Olá, eu reparei que a mesma barra está acoplada também em meu portal, só que, ao contrário do fórum, ela fica bugada e sem nenhuma informação. Como eu posso tirar a barra do portal e deixá-la só no fórum?

OBS: No Javascript já está assinalado para aparecer apenas no índice.

EDIT: já consegui consertar, podem fechar o tópico ;D