Quem está conectado , como deixar assim

Qual é minha questão:
Gostaria de deixar o meu ''Quem está conectado'' igual a este site:

http://mundomeiosangue.forumfacil.net/forum

Apenas a parte dos grupos, achei muito bonito, porém não sei fazer.

E também se souberem me ensinar a modificar a fonte do "Quem está conectado" ficaria agradecido!



Endereço do meu fórum:
http://narutorpgflash.forumeiros.com

Versão do fórum:
PHPBB2

Aqui o CSS:

Código:

p em {
color: transparent;
font-style: normal;
}

p em b a.gensmall {
font-family: Megrim;
font-size: 35px;
font-style: bolt;
font-weight: 400;
letter-spacing: -1px;
text-shadow: 0 0 1 #DCCFBD;
text-transform: lowercase;
}

Até Mais! e se ajudei clique em Obrigado.

@Boster Cheats
Você testou esse código?
Acho que não pois ele não altera absolutamente nada do que o autor do tópico deseja!

Boster Cheats escreveu:
Até Mais! e se ajudei clique em Obrigado.

Esse tipo de frase é um apelo sem sentido...

---

@~Fly
Abaixo o código que dá um efeito semelhante:

Código:


.forumline .row1 span b a.gensmall {
  font-family: Megrim;
  font-size: 35px;
  letter-spacing: -1px;
  text-transform: lowercase;
}


Resultado:


JS

Obrigado JScript por me alertar, nem resolvi colocar o dele, e no seu, tem como colocar a primeira letra em maiusculo?

@~Fly
Tem sim, mas não é garantia de que funcione em todos os navegadores!

Adicione o código abaixo:

Código:


.forumline .row1 span b a.gensmall:first-letter {
  text-transform: uppercase !important;
}


Se não funcionar, o melhor será remover a propriedade abaixo do código que passei na mensagem anterior:

Código:

text-transform: lowercase;

Abraços,

JS

Funcionou, pode fechar! Obrigado