Categoria personalizada

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

Resolvido Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 13:20

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 Sex 5 Out 2012 - 19:22, 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 Sex 5 Out 2012 - 13:21

Olá,

O senhor poderia ser mais claro?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 13:25

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 Sex 5 Out 2012 - 13:31

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

Até mais.
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 13:38

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 Sex 5 Out 2012 - 13:46

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 Sex 5 Out 2012 - 13:56

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 Sex 5 Out 2012 - 14:08

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 Sex 5 Out 2012 - 14:10

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 Sex 5 Out 2012 - 14:11

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 Sex 5 Out 2012 - 14:15

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 Sex 5 Out 2012 - 14:15

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 Sex 5 Out 2012 - 14:16

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 Sex 5 Out 2012 - 14:28

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 Sex 5 Out 2012 - 14:30

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 Sex 5 Out 2012 - 14:39

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 Sex 5 Out 2012 - 14:40

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 Sex 5 Out 2012 - 14:49

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 Sex 5 Out 2012 - 19:07

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 Sex 5 Out 2012 - 19:07

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 19:22

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 Sex 5 Out 2012 - 19:32

Olá,

Retire o código para que eu monte outro.

Até mais.
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 19:36

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 Sex 5 Out 2012 - 19:44

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 19:50

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 Sex 5 Out 2012 - 19:57

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 Sex 5 Out 2012 - 20:04

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 Sex 5 Out 2012 - 20:08

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

Resolvido Re: Categoria personalizada

Mensagem por Sr.pepek em Sex 5 Out 2012 - 20:18

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


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