Como personalizar as categorias

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

Resolvido Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 10:25 pm

Qual é minha questão:
Olá, queria saber como personalizar as categorias, assim: 

Ela está desta forma: 

e eu quero que fique mais ou menos desta forma: 

Endereço do meu fórum:
http://cronicasgeloefogorpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Matheus Pio em 22/03/13, 11:32 pm, editado 1 vez(es)
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

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

Resolvido Re: Como personalizar as categorias

Mensagem por Evidaaηc em 22/03/13, 10:28 pm

ondi viu isso?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 10:32 pm

Bem num fórum que eu participo esse aqui: http://twd-therpg.forumeiros.com/
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

Ver perfil do usuário http://cronicasgeloefogorpg.forumeiros.com/forum
  • 0

Resolvido Re: Como personalizar as categorias

Mensagem por Gaaratsu em 22/03/13, 10:33 pm

Olá querido,

Aceda à: Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'

E lá adicione este código:
Código:
::-webkit-scrollbar-track-piece {
background-color: #C2BC84;
opacity: 0.7;
}
ul.topiclist {
background-image: url(http://hitskin.com/themes/19/27/57/i_back_title.jpg);
background-repeat: repeat-x;
color: #757575;
list-style-type: none;
margin: 0;
}
ul.forums {
background-color: #000000;
border-bottom: 7px solid #000000;
border-top: 40px solid #000000;
padding: 30px 0 0;
}
ul.topiclist li.header dl dd {
border: none;
}
li.header dd, li.header dt {
color: #EED8AE;
font-family: Amatic SC;
font-size: 1em;
line-height: 1em;
text-transform: uppercase;
display: block;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}
li.header dd {
margin-left: 1px;
}
dd.lastpost {
font-size: 1.1em;
width: 20%;
}
.table-title, .table-title h2 {
color: #EED8AE;
font-size: 2em;
text-align: center;
}
.table-title h2 {
color: transparent;
font-family: Amatic SC;
font-size: 35px;
letter-spacing: -4px;
text-transform: lowercase;
text-align: center;
display: block;
margin-bottom: -50px;
margin-top: -10px;
}
ul.topiclist li.header dl dd {
border: none;
}
dl.icon dd.dterm, dl.icon dt {
background-position: 5px 50%;
background-repeat: no-repeat;
}
ul.topiclist dd.dterm, ul.topiclist dt {
display: block;
float: left;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
width: 60%;
}
ul.topiclist {
background-image: url(http://hitskin.com/themes/19/27/57/i_back_title.jpg);
background-repeat: repeat-x;
color: #757575;
list-style-type: none;
margin: 0;
}

Cordialmente,
Dr.House
Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 10:42 pm

É mais ou menos assim, só que ficou estranho, e não está aparecendo os nomes das categorias

Print:

Na verdade eu queria sem esse fundo preto, ficou muito estranho, e é claro que apareça as categorias.
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

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

Resolvido Re: Como personalizar as categorias

Mensagem por Gaaratsu em 22/03/13, 10:54 pm

Olá querido,

Substitua por este:
Código:
.table-title, .table-title h2 {
color: #EED8AE;
font-size: 2em;
text-align: center;
}
.table-title h2 {
color: transparent;
font-family: Amatic SC;
font-size: 35px;
letter-spacing: -4px;
text-transform: lowercase;
text-align: center;
display: block;
margin-bottom: -50px;
margin-top: -10px;
}
::-webkit-scrollbar-track-piece {
background-color: #C2BC84;
opacity: 0.7;
}
ul.topiclist {
background-image: url(http://hitskin.com/themes/19/27/57/i_back_title.jpg);
background-repeat: repeat-x;
color: #757575;
list-style-type: none;
margin: 0;
}
forabg {
background-color: #;
background-image: url(http://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
ul.topiclist li.header dl dd {
border: none;
}
li.header dd, li.header dt {
color: #EED8AE;
font-family: Amatic SC;
font-size: 1em;
line-height: 1em;
text-transform: uppercase;
display: block;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}

Cordialmente,
Dr.House
Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 11:07 pm

Humm, o problema persiste parcialmente, algumas partes continuam pretas.

Ps: Espero não estar sendo chato kkkk
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

Ver perfil do usuário http://cronicasgeloefogorpg.forumeiros.com/forum
  • 0

Resolvido Re: Como personalizar as categorias

Mensagem por Gaaratsu em 22/03/13, 11:10 pm

Olá,

Poderia ativar o código no fórum para eu ver e retirar as partes pretas?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 11:17 pm

De uma olhada no fórum, veja como ficou >> http://cronicasgeloefogorpg.forumeiros.com/forum
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

Ver perfil do usuário http://cronicasgeloefogorpg.forumeiros.com/forum
  • 0

Resolvido Re: Como personalizar as categorias

Mensagem por Gaaratsu em 22/03/13, 11:26 pm

Olá querido,

Substitua por este:
Código:
.table-title, .table-title h2 {
color: #EED8AE;
font-size: 2em;
text-align: center;
}
.table-title h2 {
color: #EED8AE;
font-family: Amatic SC;
font-size: 35px;
letter-spacing: -4px;
text-transform: lowercase;
text-align: center;
display: block;
margin-bottom: -50px;
margin-top: -10px;
}
::-webkit-scrollbar-track-piece {
background-color: #C2BC84;
opacity: 0.7;
}
ul.topiclist {
background-color: #FFF;
background-repeat: repeat-x;
color: #757575;
list-style-type: none;
margin: 0;
}
forabg {
background-color: #FFF;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
ul.topiclist li.header dl dd {
border: none;
}
li.header dd, li.header dt {
color: #EED8AE;
font-family: Amatic SC;
font-size: 1em;
line-height: 1em;
text-transform: uppercase;
display: block;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}

No caso de não funcionar, delete o código acima e adicione este:
Código:
.table-title, .table-title h2 {
color: #EED8AE;
font-size: 2em;
text-align: center;
}
.table-title h2 {
color: #EED8AE;
font-family: Amatic SC;
font-size: 35px;
letter-spacing: -4px;
text-transform: lowercase;
text-align: center;
display: inline;
margin-bottom: -50px;
margin-top: -10px;
}
::-webkit-scrollbar-track-piece {
background-color: #C2BC84;
opacity: 0.7;
}
ul.topiclist {
background-color: #FFF;
background-repeat: repeat-x;
color: #757575;
list-style-type: none;
margin: 0;
}
forabg {
background-color: #FFF;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
ul.topiclist li.header dl dd {
border: none;
}
li.header dd, li.header dt {
color: #EED8AE;
font-family: Amatic SC;
font-size: 1em;
line-height: 1em;
text-transform: uppercase;
display: block;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}

Cordialmente,
Dr.House
Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Como personalizar as categorias

Mensagem por Matheus Pio em 22/03/13, 11:32 pm

O primeiro deu certo vlw! Muito feliz
avatar

Matheus Pio
Nível 5

Masculino
Inscrito dia : 24/01/2013
Mensagens : 42
Pontos Ativos : 69

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

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