Efeito no titulo do widget

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

Resolvido Efeito no titulo do widget

Mensagem por Alex Habilidade em 28/11/12, 02:24 pm

Qual é minha questão:
Queria colocar um efeito no titulo do fórum igual ou algo parecido a imagem abaixo: http://i49.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
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: Efeito no titulo do widget

Mensagem por BrunoH. em 28/11/12, 02:30 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito no titulo do widget

Mensagem por Alex Habilidade em 28/11/12, 02:35 pm

Olá, ficou muito grande veja: http://maniaonline.foroactivo.com.mx/forum
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: Efeito no titulo do widget

Mensagem por BrunoH. em 28/11/12, 02:41 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito no titulo do widget

Mensagem por Alex Habilidade em 28/11/12, 02:47 pm

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.
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: Efeito no titulo do widget

Mensagem por BrunoH. em 28/11/12, 02:49 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito no titulo do widget

Mensagem por Alex Habilidade em 28/11/12, 02:51 pm

Obrigado, funcionou perfeitamente.
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