Personalizar aparência da categoria

+2
Mshas
Pattricia
6 participantes

Ir para baixo

Tópico resolvido Personalizar aparência da categoria

Mensagem por Pattricia 26.07.15 17:59

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Mshas 26.07.15 18:20

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://2img.net/s/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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 26.07.15 18:35

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ 26.07.15 18:45

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://2img.net/i/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 ?
™David™
™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 26.07.15 19:03

O fundo da categoria ficou preto:

Personalizar aparência da categoria Ddym4m

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ 26.07.15 19:14

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é...
™David™
™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 26.07.15 19:35

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ 27.07.15 17:36

Olá,

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

Até...
™David™
™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 18:46

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Fraise 27.07.15 18:53

Olá!

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

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 19:00

Quero retirar as bordas e contornos... Rindo
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Fraise 27.07.15 19:06

Olá!

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

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 19:23

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

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por RafaelS. 27.07.15 19:43

Olá!

Substitua o código acima por este:

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

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 20:14

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

Personalizar aparência da categoria 2k37fo
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por ™David™ 27.07.15 20:30

Olá,

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

até...
™David™
™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 21:18

As linhas que dividem as categorias também Piscada Circulei elas de vermelho para entender melhor.
Personalizar aparência da categoria 2hfncd4
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Sennior 27.07.15 21:21

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Pattricia 27.07.15 21:29

Resolvido Muito feliz
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar aparência da categoria

Mensagem por Sennior 27.07.15 21:39

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos