Titulos das categorias personalizadas

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

Resolvido Titulos das categorias personalizadas

Mensagem por Alex Habilidade em Qua 21 Nov 2012 - 18:55

Olá,

Queria aprender a colocar o titulo e o fundo em preto igual dessa imagem: http://i49.servimg.com/u/f49/14/99/55/84/catego13.jpg

Grato.


Fórum: http://maniaonline.foroactivo.com.mx/forum (punBB)
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Titulos das categorias personalizadas

Mensagem por [F]lames em Qua 21 Nov 2012 - 18:59

Olá,

Poderias me conceder o Link do Fórum onde vistes tal coisa ?

Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Titulos das categorias personalizadas

Mensagem por Alex Habilidade em Qua 21 Nov 2012 - 19:00

-Persy escreveu:Olá,

Poderias me conceder o Link do Fórum onde vistes tal coisa ?

Cordialmente ...

Aqui está: http://narutorpgstorm.ultimaterpg.net/
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Titulos das categorias personalizadas

Mensagem por [F]lames em Qua 21 Nov 2012 - 19:02

Olá,

Adicione isto á teu CSS:

Código:
.page-title h2 {
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
background: #454B4D!important;
border-radius: 5px;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
font-size: 2em;
font-weight: 700;
margin-left: 35%;
margin-top: -2px;
padding: 5px;
text-align: center;
text-shadow: 0 0 5px black;
width: 200px;
}
.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Titulos das categorias personalizadas

Mensagem por Consolado em Qua 21 Nov 2012 - 19:06

Olá!

Utilize esse código CSS:
Código:
.page-title h2 { -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); background: #454B4D!important; border-radius: 5px; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); font-size: 2em; font-weight: 700; margin-left: 35%; margin-top: -2px; padding: 5px; text-align: center; text-shadow: 0 0 5px black; width: 200px; } .main .main-head .page-title { font-size: 12px; font-weight: 400; } .main .main-head, .main .main-foot, #chatbox_header.main-head { background: #262626; background: -moz-linear-gradient(top, #262626 0%, #353535 50%, #262626 51%, #2B2B2B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(50%,#353535), color-stop(51%,#262626), color-stop(100%,#2B2B2B)); background: -webkit-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%); background: -o-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%); background: -ms-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%); background: linear-gradient(to bottom, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#2b2b2b',GradientType=0 ); height: 22px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; }
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Titulos das categorias personalizadas

Mensagem por Alex Habilidade em Qui 22 Nov 2012 - 11:41

Os dois deu certo, obrigado.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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