Códigos e dicas

Gerador de letras sombreadas

29 comentários (ver todos) postado dia 15 de outubro de 2011

Aqui você pode gerar letras sombreadas ou 3D, basta preencher os campos e digitar o seu texto.

Não funciona no Internet Explorer (6,7,8,9) pois a propriedade text-shadow que dá os efeitos de sombras às letras faz parte do CSS3 que não é suportado por esses navegadores.

Um simples exemplo de letras sombreadas:

letras sombreadas

No caso acima, foi utilizada uma sombra na cor "silver" com distancia de 2px de margem do topo (Y) e 2px de margem do canto esquerdo (X).

letras sombreadas

Nesse caso foi utilizada uma sombra na cor "green" com 10px de distorção.

Já no caso abaixo foram utilizadas 4 sombras para dar o efeito de "borda total" em cada letra das palavras.

letras com bordas

Agora um exemplo de letras sombreadas usando 5 sombras:


letras de fogo

Já nesse caso foram utilizadas 5 sombras com cores diferentes que juntas deram esse efeito de fogo.

Logo abaixo está o exemplo das paletas de cores ativas:

CorEx.CorEx.CorEx.CorEx.CorEx.CorEx.
Red
Olive
Yellow
Teal
Gold
Purple
Green
NavyViolet
Pink
Aqua
Gray
Blue
Maroon
Orange
Silver
Lime
Fuchsia

Cor de fundo Espaçamento+Y +X -Y -X
Cor da fonteTam. da fonte
Sombra #1 corDistância XDistância YDistorção
Sombra #2 corDistância XDistância YDistorção
Sombra #3 corDistância XDistância YDistorção
Sombra #4 corDistância XDistância YDistorção
Sombra #5 corDistância XDistância YDistorção
Texto:

Configurações para gerar diversos estilos de letras (clique nas imagens para ampliar):

29 comentários
suellen
eu gosti Obg
14 de Maio de 2012
responder
Thays
Naan Apessoa copia coloa uma cor no fundo mais naum sai a sombra que sakko!!
13 de Maio de 2012
responder
ViniciusLionel10
esse troço funfa memo kk'
06 de Abril de 2012
responder
ViniciusLionel10
esse trem é massa, gostei mt massa d+++++++
06 de Abril de 2012
responder
joorgynho
el fiz e deu certo uup'
12 de Março de 2012
responder
daniel
legal gostei mas nao ganhei nds
12 de Março de 2012
responder
thais
aff QUE RUIIM meeu vooçe cpia o negociio dÁ erado la so apareçe as letra nen as sombras vaai que bostaa maaaan
09 de Março de 2012

igor ajuda
Claro, nao pode deixar a cor de fundo vazia, tem que colokar alguma cor, menos branco lá....
09 de Março de 2012
responder
pepe
tem como colocar essas letras de perfil do orkut?
01 de Fevereiro de 2012
responder
J E F I N H O T A L I B AN
TOMA NO CU AKI QUE PEGA NAAO
27 de Janeiro de 2012
responder
Cintia
deu certooo
23 de Janeiro de 2012
responder
Páginas: 1 2 3 Próxima >>
Nome:
Mensagem:
Emoticons:
Tags:
Confira
Comunidades parceiras

Sites parceiros

Comentários recentes
JOÃO PAULO
MEU ORKUT AI GENTE HARRYPOTTERMAGO@YAHOO.COM
2 horas atrás
JOÃO PAULO
MEU ORKUT AI GENTE HARRYPOTTERMAGO@YAHOO.COM
2 horas atrás
JOÃO PAULO
MEU ORKUT AI GENTE HARRYPOTTERMAGO@YAHOO.COM
2 horas atrás
JOÃO PAULO
MEU ORKUT AI GENTE HARRYPOTTERMAGO@YAHOO.COM
2 horas atrás
Lu-
kd o simbolo do infinito ? poxa =(
5 horas atrás
Pedro
Cara muito boa sua dica. Só não consegui clicar no link para salvar como, mas depois de copiar o link no bloco de notas e dalvar com .html deu certo deu pra visualizar depois o flash sem ter acesso a internet.
5 horas atrás
Moderação Site Orkutudo
olá galera vejo que alguns não estão conseguindo! bem, usem o seguinte código: javascript:document.body.contentEditable=''true''; document.designMode=''on''; alert("Mais codigos no site:n www.orkutudo.net");void(0)
6 horas atrás
Check PageRank
Buscar no site: