Categoria personalizada

Qual é minha questão:
Olá , www.spdesign.ativoforum.com , gostaria de saber como colocar aquela borda quadrada que tem na categoria ..

Links e imagens do meu problema:
Sé precisar.

Endereço do meu fórum:
http://www.game-play.forumais.com

Versão do meu fórum:
Punbb

Olá,

O senhor poderia ser mais claro?

Cordialmente.

Olá , entre no fórum sp design , é vai clica em fórum ai você vê as categorias não ? , Então tem tipo um quadrado [ ] Exemplo entende ? '

Olá autor,
Ainda não compreendi. Escreva mais coerente senhor.

Até mais.

Olá ,
Aqui o print amigo .

https://i.imgur.com/t25Dm.png

Até Mais.

Olá!
Leia este tópico:

https://ajuda.forumeiros.com/t66772-

Código CSS fornecido no tópico pelo Mikéé:

Código:

.row {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #DFDFDF !important;
background: -moz-linear-gradient(white,#E7EAF1);
background-attachment: scroll;
background-color: white;
background-image: -webkit-linear-gradient(white,#E7EAF1);
display: list-item;
text-align: -webkit-match-parent;
}
.row {
border-bottom: transparent !important;
}

Passar bem!

Não funciono Dr.House

up.

Adicione a teu css amigo;

Código:

/*---/ Efeito Color Picker /---*/
.forabg .topiclist.forums .row{
  background-color:white;
  background-attachment:scroll;
  background-image:-webkit-linear-gradient(top,white,#ededed)}.forabg .topiclist.forums .row:hover{
  background-color:#ededed;
  background-image:-webkit-linear-gradient(top,#ededed,white)
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

/*----------------------------------------------------------------------------------------------------------------*/

AAA , não funfo não fez nada.

Olá!
Substitua o código por este:

Código:

#main #main-content .main, .forabg {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: #F0F0F0 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x top;
border: 1px solid #C4C4C4;
border-radius: 7px;
padding: 5px;
}
.forabg {
clear: both;
margin: 5px 5px 4px;
min-height: 1px;
padding: 5px;
}

Resulta?

Passar bem!

Na MP Diz que o usuário não existe , quando vou postar o css aqui fala que tá muito grande -.-'

Envie MP neste Link: https://ajuda.forumeiros.com/privmsg?mode=post&u=48082

Olá mostra assim : Este(s) usuário(s) não existe(m): D'Leandro™

Acontecem muitos erros de edição quando voce simplismente copia o css de outro forum, voce prescisa identificar e separar oque cada parte da sua css faz!
Só assim, poderá localizar a parte que está incompatível com o efeito desejado e remove-la.

ish , nem sei fazer esses negocios ai , num quer entrar no meu fórum é eu te dar administrador é ver o css ?

Eu poderia tentar, mas não darei certeza de que ira ter secesso, já que eu não conheço os .js e nem a organização da SP-Design.

Vou esperar um ajudeiro.

Olá,

Aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

tr {
-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 1px solid #DFDFDF !important;background: -moz-lineargradient(white,#E7EAF1);background-attachment:scroll;backgroundcolor: white;background-image: -webkit-linear-gradient(white,#E7EAF1);display: list-item;text-align: -webkit-match-parent;}

Até mais.

Olá , não sei mais ficou com um erro vou deixar lá para você visualizar.

A versão do meu fórum é Punbb tava errado.

Olá,

Retire o código para que eu monte outro.

Até mais.

Código retirado.

Cordialmente,
skynner!

Agora vai dar certo

Coloque o código abaixo no INICIO de teu CSS:

Código:

.table .statused tr {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #DFDFDF !important;
background: -moz-linear-gradient(white,#E7EAF1);
background-attachment: scroll;
background-color: white;
background-image: -webkit-linear-gradient(white,#E7EAF1);
text-align: -webkit-match-parent;
}

Até mais.

Olá ,
Funciono sim más eu queria o mesmo efeito houver ,
igual ao do SP - Design ,
quando passa o mouse em cima da categoria.

Olá!
Adicione este código em sua "Folha de Estilo CSS":

Código:

.row{background:-moz-linear-gradient(#fff,#E7EAF1);background-attachment:scroll;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#E7EAF1)}.row:hover{background:-moz-linear-gradient(#E7EAF1,#ffffff);background-attachment:scroll;background-color:#e3e3e3;background-image:-webkit-linear-gradient(#E7EAF1,#ffffff)}.row4{background-color:#e3e3e3}.row4:hover{background-color:#c4c4c4}

Juntamente com o código que nosso amigo Mikéé forneceu..

Passar bem!

Olá , o código que o senhor postou não apareceu nada do campo houver.

Desculpe à demora. Aqui está, coloque este para o efeito hover:

Código:

.table .statused tr:hover {
background: -moz-linear-gradient(#E7EAF1,white);
background-attachment: scroll;
background-color: #E3E3E3;
background-image: -webkit-linear-gradient(#E7EAF1,white);
}

Até mais.

Resultado.

Até Mais.