Caixa atrás da legenda e efeito.

Detalhes da questão

Endereço do fórum: http://gtxarena.forumeiros.com
Versão do fórum: Invision

Descrição

Olá, queria saber como fazer para colocar uma caixa atrás da legenda como uma cor de fundo e também como colocar efeito, como no exemplo abaixo:

https://imgur.com/a/HLDqC

Olá, isso vai depender se esse tópico está resolvido, pois teremos que mudar algumas coisas no CSS

Até mais

Aquele dúvida já está resolvida! Agora eu preciso de ajuda para resolver esta.

Olá, troque aquele CSS por esse

Código:

#legend {
  width: 61%;
  text-align: center;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  padding: 8px 8px 9px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#legend a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#legend a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}

Ficará assim http://prntscr.com/fxw7kf

Editado

Se preferir use esse

Código:

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

Resultado http://prntscr.com/fxw8j4

Seria isso? Até mais

Sim! Seria isso, obrigado.