Categoria personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 02:20 pm

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


Última edição por Skynner! em 05/10/12, 08:22 pm, editado 1 vez(es)

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Ace em 05/10/12, 02:21 pm

Olá,

O senhor poderia ser mais claro?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 02:25 pm

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 ? '

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sennior em 05/10/12, 02:31 pm

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 02:38 pm

Olá ,
Aqui o print amigo .

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

Até Mais.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por BrunoH. em 05/10/12, 02:46 pm

Olá!
Leia este tópico:
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! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 02:56 pm

Não funciono Dr.House

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 03:08 pm

up.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por D'Leandro™ em 05/10/12, 03:10 pm

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 /---*/

/*----------------------------------------------------------------------------------------------------------------*/
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 03:11 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por BrunoH. em 05/10/12, 03:15 pm

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! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Categoria personalizada

Mensagem por D'Leandro™ em 05/10/12, 03:15 pm

O Senhor poderia mostrar seu CSS completo?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 03:16 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por D'Leandro™ em 05/10/12, 03:28 pm

avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 03:30 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por D'Leandro™ em 05/10/12, 03:39 pm

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.
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 03:40 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por D'Leandro™ em 05/10/12, 03:49 pm

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.
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 08:07 pm

Vou esperar um ajudeiro.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sennior em 05/10/12, 08:07 pm

Olá,

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 08:22 pm

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.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sennior em 05/10/12, 08:32 pm

Olá,

Retire o código para que eu monte outro.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 08:36 pm

Código retirado.

Cordialmente,
skynner!

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sennior em 05/10/12, 08:44 pm

Agora vai dar certo Tive uma idéia!

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 08:50 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por BrunoH. em 05/10/12, 08:57 pm

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! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 09:04 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Categoria personalizada

Mensagem por Sennior em 05/10/12, 09:08 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em 05/10/12, 09:18 pm

Resultado.

Até Mais.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum