Efeito no titulo do widget

2 participantes

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

Tópico resolvido Efeito no titulo do widget

Mensagem 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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no titulo do widget

Mensagem por BrunoH. 28.11.12 16:30

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no titulo do widget

Mensagem por Alex Habilidade 28.11.12 16:35

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

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no titulo do widget

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no titulo do widget

Mensagem 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.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no titulo do widget

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no titulo do widget

Mensagem por Alex Habilidade 28.11.12 16:51

Obrigado, funcionou perfeitamente.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos