Efeito no titulo do widget

por Alex Habilidade 28.11.12 16:24

Qual é minha questão:
Queria colocar um efeito no titulo do fórum igual ou algo parecido a imagem abaixo: https://i.servimg.com/u/f49/14/99/55/84/efeito11.jpg

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx

Versão do fórum:
PUNBB

por BrunoH. 28.11.12 16:30

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:: .module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4 {-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;}

e Valide!

Até mais! Piscada

por Alex Habilidade 28.11.12 16:35

Olá, ficou muito grande veja: http://maniaonline.foroactivo.com.mx/forum

por BrunoH. 28.11.12 16:41

Olá!
Substitua o código por este:

.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4 {-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);color: #333!important;font-size: 2em;font-weight: 700;padding: 5px;text-align: center;text-shadow: 0 0 5px black;width: 115px;}

Altere o valor em negrito até ficar na largura desejada.

Até mais! Piscada

por Alex Habilidade 28.11.12 16:47

Olá, o valor que você me passou para modificar, apenas modifica o fundo preto, e não a fonte, veja em meu fórum como está o widget de quem está conectado.

por BrunoH. 28.11.12 16:49

Olá!
Para o senhor poder modificar o tamanho da fonte:

.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4 {-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);color: #333!important;font-size: 10px;
font-weight: 700;padding: 5px;text-align: center;text-shadow: 0 0 5px black;width: 115px;}

o valor em negrito altere até ficar no tamanho desejado.

Até mais! Piscada

por Alex Habilidade 28.11.12 16:51

Obrigado, funcionou perfeitamente.

Efeito no titulo do widget

Efeito no titulo do widget

Re: Efeito no titulo do widget

Re: Efeito no titulo do widget

Re: Efeito no titulo do widget

Re: Efeito no titulo do widget

Re: Efeito no titulo do widget

Re: Efeito no titulo do widget