Personalizar título das categorias

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

Resolvido Personalizar título das categorias

Mensagem por Karol Marinho em 12/02/12, 02:36 pm

Qual é minha questão:
Queria saber se tem como Aumentar a fonte do título da categoria, Centralizá-la e mudar sua fonte....

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
Não necessita

Endereço do meu fórum:
http://historia-filosofia.forumeiros.com/forum

Versão do meu fórum:
PHPBB3
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Personalizar título das categorias

Mensagem por Jack Sparrow em 12/02/12, 02:59 pm


Vá em:
Painel de controle Admineiros Visualização Admineiros Cores Admineiros "Aba" Folha CSS.

Tesouros não são apenas ouro e prata, amigo.
Depois acrescente o seguinte codigo:
Código:
h2 {
color: white;
font-family: Century Gothic,Arial,Helvetica,sans-serif;
font-size: 15px !important;
font-weight: 400;
margin: 0.8em 0 .2em;
text-align: center !important;
margin-left: 300px;
}
Altere o valor "Century Gothic,Arial,Helvetica,sans-serif" para a fonte que desejar.
Altere o valor "15px" para o tamanho que desejar
Não esqueça de clicar em
"Validar"
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

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

Resolvido Re: Personalizar título das categorias

Mensagem por Karol Marinho em 12/02/12, 03:08 pm

não centralizou... ç.ç
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Personalizar título das categorias

Mensagem por Joana Potter Malfoy em 12/02/12, 03:23 pm

Código:
li.header {
background: url("LINK DA IMAGEM DA CATEGORIA") repeat scroll 0 0 #000000;
border-radius: 30px 30px 0 0;
color: #COLOR;
font-size: 8px;
font-weight: 700;
margin-right: -10px;
padding: 6px 0 1px;
height: 31px;
letter-spacing: 0;
text-align: center;
text-shadow: text-shadow:4px 4px 4px #000000;
text-transform: none;
vertical-align: middle;
}

Tenta este Feliz
avatar

Joana Potter Malfoy
Nível 8

Feminino
Inscrito dia : 19/08/2010
Mensagens : 142
Pontos Ativos : 207

Ver perfil do usuário http://escolademagiapt.forumeiros.net/forum

Resolvido Re: Personalizar título das categorias

Mensagem por Karol Marinho em 12/02/12, 03:44 pm

nao resultou... ç.ç
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Personalizar título das categorias

Mensagem por Joana Potter Malfoy em 12/02/12, 03:47 pm

Utilize o codigo que eu postei a cima Mais este:
Código:
.table-title h2, li.header dl.icon dd.dterm {
font-weight:bold;
text-align:center;
font-style: italic;
text-transform: lowercase;
}
avatar

Joana Potter Malfoy
Nível 8

Feminino
Inscrito dia : 19/08/2010
Mensagens : 142
Pontos Ativos : 207

Ver perfil do usuário http://escolademagiapt.forumeiros.net/forum

Resolvido Re: Personalizar título das categorias

Mensagem por Karol Marinho em 12/02/12, 04:20 pm

funcionou... Tem como deixar todo o título maiúsculo e aumentar a fonte?tentei modificar aqui:
Código:
font-size: 30px;
mas nao deu certo...
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Personalizar título das categorias

Mensagem por Joana Potter Malfoy em 13/02/12, 03:08 pm

No
text-transform: uppercase

Nos dois codigos
avatar

Joana Potter Malfoy
Nível 8

Feminino
Inscrito dia : 19/08/2010
Mensagens : 142
Pontos Ativos : 207

Ver perfil do usuário http://escolademagiapt.forumeiros.net/forum

Resolvido Re: Personalizar título das categorias

Mensagem por Gaaratsu em 13/02/12, 04:10 pm

Olá,

Peço que tente o seguinte código:

Código:
.table-title h2, li.header dl.icon dd.dterm {
font-weight:bold;
text-align:center;
font-style: italic;
font-size: 30px;
text-transform: uppercase;
}

Até mais. Piscada


Última edição por #Flik em 13/02/12, 04:43 pm, editado 1 vez(es)
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Personalizar título das categorias

Mensagem por Jack Sparrow em 13/02/12, 04:20 pm


Vá em:
Painel de controle Admineiros Visualização Admineiros Cores Admineiros "Aba" Folha CSS.

Tesouros não são apenas ouro e prata, amigo.
Depois acrescente o seguinte codigo:
Código:
li.header {
background: url("LINK DA IMAGEM DA CATEGORIA") repeat scroll 0 0 #000000;
border-radius: 30px 30px 0 0;
color: #COLOR;
font-size: 8px;
font-weight: 700;
margin-right: -10px;
padding: 6px 0 1px;
height: 31px;
letter-spacing: 0;
text-align: center;
text-shadow: text-shadow:4px 4px 4px #000000;
text-transform: none;
vertical-align: middle;
text-transform: uppercase
}
.table-title h2, li.header dl.icon dd.dterm {
font-weight:bold;
text-align:center;
font-style: italic;
text-transform: uppercase;
}
Resposta baseada nas respostas de "Joana Potter Malfoy" qualquer credito sobre o código se deve a ela.
Não esqueça de clicar em
"Validar"
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

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

Resolvido Re: Personalizar título das categorias

Mensagem por Isadora Dias em 13/02/12, 04:43 pm

Eu tneho o mesmo problema, só que minha versão é PHPBB2

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar título das categorias

Mensagem por Luciano98 em 17/02/12, 04:37 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.table-title h2, li.header dl.icon dd.dterm {
font-size:12px;
font-family:NOME
}
N = Deixe como está no código ou aumente esse valor para aumentar o tamanho da fonte do título da categoria.
NOME = Nome da fonte do título da categoria.

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar título das categorias

Mensagem por Karol Marinho em 17/02/12, 08:41 pm

Funcionou perfeito! Obrigado pessoal, pode fechar ^^
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

Ver perfil do usuário http://acripta.forumeiros.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