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

3 participantes

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

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

Mensagem por Yrley Sex 12 Jul 2013 - 17:14

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
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por MateusA Sex 12 Jul 2013 - 17:29

Olá!

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

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Yrley Sex 12 Jul 2013 - 17:32

Entao vai Widgets mesmo Feliz
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por MateusA Sex 12 Jul 2013 - 17:36

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Hizu Sex 12 Jul 2013 - 17:37

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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

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

Mensagem por Yrley Sex 12 Jul 2013 - 17:39

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
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por MateusA Sex 12 Jul 2013 - 17:41

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Yrley Sex 12 Jul 2013 - 17:45

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

Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Hizu Sex 12 Jul 2013 - 17:49

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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

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

Mensagem por Yrley Sex 12 Jul 2013 - 17:50

isso Feliz

Valeu podem fechar
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.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