Titulos das categorias personalizadas

Olá,

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

Grato.

---

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

Olá,

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

Cordialmente ...

-Persy escreveu:Olá,

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

Cordialmente ...

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

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 ...

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.

Os dois deu certo, obrigado.