Deixa 3d título de tópicos, widgets,categorias e ranks

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

Resolvido Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Yrley em 12/07/13, 01:14 pm

Qual é minha questão:
Olá,

Pessoal gostaria de saber como faço para deixar 3D o título de: Tópicos, Widgets, Categorias e Rank

Os ranks eu sei que tem jeito porque eu visualizei nesse fórum: http://spublicidade.forumeiros.com/ e tem um modelo no Hitskin que faz isso também, acho que se chama Glow Theme

Mais ai queria saber se tem jeito de deixar o título de tópicos, widgets e as categorias.


Espero a ajuda de vocês,

Até Mais.



Endereço do meu fórum:
http://pixel-life.forumbrasil.net

Versão do fórum:
PUNBB
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por MateusA em 12/07/13, 01:29 pm

Olá!

Somente vamos lhe ajudar em uma questão, escolha uma, por exemplo "eu escolho os widgets".

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Yrley em 12/07/13, 01:32 pm

Entao vai Widgets mesmo Feliz
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por MateusA em 12/07/13, 01:36 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
.module .h3, .h3 {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}

Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Hizu em 12/07/13, 01:37 pm

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Adicione este código no inicio ou final da tua CSS:
Código:
.h3, .h2, .pun h3, .pun h2 {color: white; font-size: 1.5em; font-weight: 700; line-height: 1.8em; text-align: center; text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);}

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Yrley em 12/07/13, 01:39 pm

Olá, Crazy

Foi funcional, porém não tem como diminuir um pouco o tanto que eles vão ficar mais para cima?

@OFF: Quando finalizar esse tópico posso criar outro sobre as categorias?


Até Mais
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por MateusA em 12/07/13, 01:41 pm

Olá!

Sim pode criar, troque por esse:
Código:
        .module .h3, .h3 {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 15px;
        }
Seta No código procure por:
Código:
 font-size: 15px;
Seta Diminua o 15 para diminuir a fonte.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Yrley em 12/07/13, 01:45 pm

Crazy, não quero diminui o tamanho da fonte, e sim quero diminui o tanto que ele vai ficar 3D!

avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.com/

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Hizu em 12/07/13, 01:49 pm

Saudações!

Substitua o código fornecido pelo Crazy por este:
Código:
.module .h3, .h3 {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .2),0 3px 5px rgba(0, 0, 0, .1),0 5px 10px rgba(0, 0, 0, .20),0 10px 10px rgba(0, 0, 0, .1),0 15px 15px rgba(0, 0, 0, .15);font-size: 15px;
}

Seria isto?

Até mais! Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Deixa 3d título de tópicos, widgets,categorias e ranks

Mensagem por Yrley em 12/07/13, 01:50 pm

isso Feliz

Valeu podem fechar
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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