Categorias personalizadas

Ola a todos. Bem eu entrei num forum e vi umas categorias com um efeito muito louco, separadas e com um gradiente que quando passa o mouse inverte. Eu tentei fazer o efeito e criei uma div no template, mas não sei porque não consigo separa-las.

Imagem das categorias que queria:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Site onde o efeito se encontra:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Obrigado

Olá,

Qual é o link do teu fórum ?

Até mais.

Aqui esta [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá,

Adicione á teu CSS:

Código:

.statused tr {
background-color: #e3e3e3 !important;
background: -moz-linear-gradient(#E7EAF1,#ffffff) !important;
background-image: -webkit-linear-gradient(rgb(126, 165, 255),#ffffff) !important;
background-attachment: scroll !important;
}
.statused tr:hover {
background-color: #e3e3e3 !important;
background: -moz-linear-gradient(#FFF,rgb(126, 165, 255)) !important;
background-image: -webkit-linear-gradient(#FFF,rgb(126, 165, 255)) !important;
background-attachment: scroll !important;
}


Tentei fazer o mais parecido com a imagem que estava lá.
Resulta ?

Até mais.

EU gostava que elas ficassem separadas, pelo menos uns 5px. È possivel?

Olá,

Adicione á teu CSS:

Código:

.pun table.table tbody tr td {
border-top: 5px solid rgb(20, 20, 20) !important;
}

Resulta ?

Até mais.

Perfeito Flames Obrigado

Podem fechar aqui