Como deixar as categoria com borda dentro

Qual é minha questão:
Quero deixar minha categoria assim, como na imagem abaixo:



Tentei euheuheuheeuh mas ficou feia pra caramba e nem ficou igual:



Vi esse feito em:
http://clamaster.forumbrasil.net/forum

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

Versão do fórum:
PHPBB3

Help!

Olá,

Poderia especificar exatamente o efeito que quer?

1. Borda verde.
2. Efeito nos últimos post.
3. efeito ao redor da categoria.

É sempre bom além do print postar exatamente o que quer, assim o suporte flui mais rápido.

Alex

Tentei fazer, ficou bem parecido, porém o efeito hover não funcionou '-'

Olá,

Em seu fórum o efeito hover está funcionando normalmente amigo...

Alex

Olá!

Use este CSS:

Código:

.forabg {
  background-color: #79b6c4 !important;
  background-image: url("http://hitskin.com/themes/17/88/87/i_list_bg.png") !important;
  background-position: 0px 0px !important;
  background-repeat: repeat-x !important;
  border-top-width: 2px !important;
  border-right-width-value: 2px !important;
  border-bottom-width: 2px !important;
  border-left-width-value: 2px !important;
  border-top-style: solid !important;
  border-right-style-value: solid !important;
  border-bottom-style: solid !important;
  border-left-style-value: solid !important;
  border-top-color: #d4d4d4 !important;
  border-right-color-value: #d4d4d4 !important;
  border-bottom-color: #d4d4d4 !important;
  border-left-color-value: #d4d4d4 !important;
  border-image-source: none !important;
  border-image-slice: 100% 100% 100% 100% !important;
  border-image-width: 1 1 1 1 !important;
  border-image-outset: 0 0 0 0 !important;
  border-image-repeat: stretch stretch !important;
  clear: both !important;
  margin-bottom: 4px !important;
  padding-top: 0px !important;
  padding-right: 5px !important;
  padding-bottom: 0px !important;
  padding-left: 5px !important;
}
.forabg, .forumbg {
  border-top-left-radius: 17px !important;
  border-top-right-radius: 17px !important;
  border-bottom-right-radius: 17px !important;
  border-bottom-left-radius: 17px !important;
}
.forabg {
  background-color: #3b9d00 !important;
  background-image: url("http://i.imgur.com/FmT49.png"), url("http://i.imgur.com/FmT49.png") !important;
  background-position: 0px 0px, 0% 100% !important;
  background-repeat: repeat-x, repeat-x !important;
  clear: both !important;
  margin-bottom: 4px !important;
  margin-left: 2px !important;
  padding-top: 0px !important;
  padding-right: 5px !important;
  padding-bottom: 0px !important;
  padding-left: 5px !important;
}
.lastpost {
border-width: 2px !important;
border-style: solid !important;
border-color: #EEE !important;
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
border-image: initial !important;
border-radius: 10px !important;
box-shadow: 0px 0px 7px #666 !important;
margin: 3px !important;
width: auto !important;
}
dd.lastpost {
  font-size: 1.1em !important;
  width: 20% !important;
}
li.row:hover dd {
  border-left-color-value: #a8d8e3 !important;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span,

ul.topiclist dd.time span {
  display: block !important;
  padding-left: 5px !important;
}
ul.topiclist.forums li.row:hover {
background-color: #D6CFFF !important;
}

Resultado: http://prntscr.com/2uhqff

Hancki

É mesmo, resolvido.