Como colocar legenda modificada com efeito quando passar mouse ?

Qual é minha questão:
Queria colocar legenda pra fica igual desse forum akiee, http://fsr-nwd.forumeiros.com/, modificada é com efeito quando passar mouse.

Endereço do meu fórum:
http://family-bikes.forumeiros.com

Versão do fórum:
PHPBB3

Olá amigo!

Infelizmente para ver não há maneira. Poderia nos mandar uma Print Screen mostrando o efeito que deseja?

Abraços,
Mikéé.

Efeito é aquele que aparece ali meio escuro quando coloca mouse encima.

Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Acrescente o código a seguir na folha:

Código:

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
  background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom rgb(255, 255, 255);
  border: 2px solid rgb(221, 221, 221);
  border-radius: 6px 6px 6px 6px;
  color: transparent;
  display: block;
  font-size: 0px;
  font-weight: 700;
  margin: 0px auto;
  padding: 10px 8px 5px 5px;
  text-align: center;
  width: 70%;
}
#i_whosonline + p br + br + em a {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  margin: 0px 5px;
  text-shadow: 0px 1px 1px rgb(78, 238, 148);
}

Valide!

Até mais!

Entra no meu forum é vê como fico, tipo que o efeito não abre ele vem aberto, ae fica meio estranho quando passa o mouse, http://family-bikes.forumeiros.com/

Mais mesmo assim se não pode arruma isso, muito obrigado.

Olá amigo,

Junto com os códigos passados por nosso amigo grande Harker, use este:

Código:

.gensmall:hover {
background: rgb(221, 221, 221) !important;
padding: 8px 14px 4px 8px;
}

No inicio de teu CSS.

Até mais.

Fico do mesmo geito =/

Não abrindo efeito, mais sim vindo de cara, tipo só mudando cor do fundo -.-'

Olá amigo!

Troque o código por este:

Código:

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
font-size: 15px;
font-style: normal;
font-weight: 400;
margin: 0 5px;
text-shadow: 0 1px 1px #454545;
}

Coloque no inicio de teu CSS.

Abraços.

Muito obrigado para os dois, min ajudo muito