Personalizar aparência da categoria

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

Resolvido Personalizar aparência da categoria

Mensagem por Pattricia em 26/07/15, 01:59 pm

Olá!
Gostaria de deixar as categorias e fóruns com esta aparência: http://demo.nicetheme.com/forum?theme_id=207407
A versão do meu fórum é PHPBB3. Piscada
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Mshas em 26/07/15, 02:20 pm

Saudações querida,
Código:
body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #5c758c;
  background-color: #1a1a1a;
  background-image: url(http://i.imgur.com/BCHpn2m.jpg );
  background-attachment: fixed;
  font-size: 10px;
  height: auto;
  padding: 10px 0px;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
body {
  background-attachment: fixed;
  background-color: #fff;
  background-image: url(http://hitsk.in/t/20/74/07/i_background.jpg);
  color: #0198e1;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  height: auto;
  padding: 10px 0;
}
Tchau, zen
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 26/07/15, 02:35 pm

Não resultou nas categorias e prejudicou a aparência do fórum...
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ em 26/07/15, 02:45 pm

Olá,

Adicione este código a seu Css:
Código:
/* Table this is important*/
.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #131313;
   background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\');
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
border: 1px solid #101010;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
* html .forabg {
   position: relative;
   height: 1%;
   }
*+ html .forabg {
   min-height: 1px;
   }
.forumbg {
   background-color: #131313;
   background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\');
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
border: 1px solid #101010;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
* html .forumbg {
   height: 1%;
   }
*+ html .forumbg {
   min-height: 1px;
   }
.forumbg table.table1 {
   margin: 0 -2px -1px -1px;
   }
ul.topiclist {
   list-style-type: none;
   margin: 0;
   background-image: url("http://illiweb.com/fa/empty.gif");
   background-repeat: repeat-x;
   color: #5c758c;
   }
* html ul.topiclist {
   height: 1%;
   }
*+ html ul.topiclist {
   min-height: 1px;
   }
ul.topiclist li {
   display: block;
   margin: 0;
   }
* html ul.topiclist li {
    position: relative;
    }
ul.topiclist li.row dl {
   padding: 2px 0;
   }
ul.forums li.row dl {
   min-height: 42px;
   }
* html ul.forums li.row dl {
   height: 42px;
   }
ul.topiclist dt,ul.topiclist dd.dterm {
   display: block;
   float: left;
   width: 60%;
   font-size: 1.1em;
   padding-left: 5px;
   padding-right: 5px;
   }
ul.topiclist dfn {
   display: none;
   }
ul.topics li.header dl.icon dt {
   padding-right: 50px;
   }
ul.topics dt,ul.topics dd.dterm {
   padding-left: 45px;
   display: block;
   float: left;
   width: 50%;
   }
ul.topics dd {
   display: block;
   float: left;
   }
ul.forums {
   background-color: #131313;
   background-image: none;
   }
li.header dl.icon {
   min-height: 0;
   }
li.header dl.icon dt {
   padding-left: 0;
   }
li.header dt {
   font-weight: bold;
   }
li.header dd {
   margin-left: 1px;
   }
dl.icon {
   min-height: 35px;
   background-position: 10px 50%;
   background-repeat: no-repeat;
   height: auto !important;
   height: 35px;
   }
dl.icon dt,dl.icon dd.dterm {
   background-repeat: no-repeat;
  background-position: 5px 50%;}

Resulta ?
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 26/07/15, 03:03 pm

O fundo da categoria ficou preto:



Gostaria que somente o fundo ficasse só um pouquinho transparente, na mesma medida que os widgets do fórum.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ em 26/07/15, 03:14 pm

Ola,

tente este:
Código:
.forabg {
    background-color: rgba(19,19,19,0.4)!important;
}

ul.topiclist.forums {
    background-color: rgba(19,19,19,0.4)!important;
}

até...
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 26/07/15, 03:35 pm

A parte do título das categorias ficaram da cor preta, tem como ficar cor branco?
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ em 27/07/15, 01:36 pm

Olá,

tente este código:
Código:
.table-title, .table-title h2 {
    color: #fff !important;
    display: inline;
    font-size: 1em;
}

Até...
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 02:46 pm

"Tópicos", "Mensagens" e "Última mensagem" também quero que fique branco. E retirar as linhas brancas e contornos.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Fraise em 27/07/15, 02:53 pm

Olá!

Adicione à sua folha de estilos:
Código:
ul.topiclist li.header dl dd {
  color: #fff!important;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 03:00 pm

Quero retirar as bordas e contornos... Rindo
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Fraise em 27/07/15, 03:06 pm

Olá!

Desculpe. Adicione este código no ínicio da sua folha de estilos:
Código:
.forabg {
  border: none!important;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 03:23 pm

Aquelas bordas internas também ^^
Lembre-se que quero que fique idêntico a este, se possível: http://demo.nicetheme.com/forum?theme_id=207407
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Rafael em 27/07/15, 03:43 pm

Olá!

Substitua o código acima por este:

Código:
ul.topiclist dd {
    border: none !important;
}

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 04:14 pm

Quero retirar esses "pingos" brancos circulados em vermelho e as linhas de separação.

avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ em 27/07/15, 04:30 pm

Olá,

adicione isto:
Código:
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {visibility: hidden !important;
}

até...
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 05:18 pm

As linhas que dividem as categorias também Piscada Circulei elas de vermelho para entender melhor.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Sennior em 27/07/15, 05:21 pm

Saudações,

Utilize este código CSS, colocando ó acima dos outros códigos existentes lá:
Código:
li.row {
  border-bottom: transparent!important;
  border-top: transparent!important;
}

Algo mais?
Abraços.
Sennior
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: Personalizar aparência da categoria

Mensagem por Pattricia em 27/07/15, 05:29 pm

Resolvido Muito feliz
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

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

Resolvido Re: Personalizar aparência da categoria

Mensagem por Sennior em 27/07/15, 05:39 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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