Em CSS temos uma propriedade chamada text-shadow que permite que você coloque sombras no texto que definir.
Para aplicar a propriedade você precisa definir:
a cor da sombra;
distância horizontal - esquerda/direita - entre o texto e a sombra;
distância vertical - topo/bottom - entre o texto e a sombra;
blur da sombra, ou seja o quanto a sombra deve ficar embaçada, sendo 0 uma sombra mais sólida e variando na medida - quanto maior, mais embaçada (difusa).
Os valores devem ser escritos na ordem que coloquei acima, exemplo:
Texto com Sombra
#sombra{
background: white;
color: white;
font-size: 2em;
margin: 0 auto;
text-shadow: #666 0px 0px 5px;
width: 300px;
}
Texto com Sombra
#novasombra{
background: white;
color: black;
font-size: 2em;
margin: 0 auto;
text-shadow: #666 3px 2px 2px;
width: 300px;
}
Comentários: 23
Eu gostaria muito de aplicar mas não sei onde inserir o código. Obrigada pela dica!
Bjs
Agora os títulos ficaram com mais estilo graças a essa grande dica. Valeu RÔ
Css Padrões publicou um post sobre Tv LCD - 7 passos para uma boa compra
´´e para colocar os 2 codigos acima , abaixo ou apagar o que ja tem??
aonde poe os 2 codigos
´´e um ou outro?
Vera e Edilene:
Vocês podem aplicar em qualquer texto do template, por emxemplo, se quiser aplicar no título do Blog, procure o estilo para h1:
#header h1{
color: /* cor do título */
font: /* fonte do título */
/* outros estilos */
text-shadow: #666 3px 2px 2px;
}
ou os títulos da sidebar:
h2{
color: /* cor */
font /* fonte */
/* outros estilos */
text-shadow: red 0px 0px 5px
}
ou dos posts:
.post h3{
color: /* cor */
font /* fonte */
/* outros estilos */
text-shadow: silver 2px 2px 3px
}
Oi Marcelo! O bom dessa propriedade é que está na CSS2, que, a maioria dos browsers interpreta! ;)
Abraços, pessoal!
Ro
poe em cima o codigo ou embaixo?
ou substitui.???
E, obrigada por responder-me, pois é a primeira vez que utilizo assim , aqui,perguntando,
e te admiro demais,
se Deus quiser,
um dia saberei criar
templates igual voce,
bjs
fique com Jesus
:)
Isso é muito legal, pena que ainda nem todos os navegadores tem suporte para CSS3 =/
mto bom, ótima dica rô...
adoro quando vc coloca imagens no final mostrando como ficaria... é bom pq ja fico sabendo se vou gostar sem precisar testar.
boa sorte com o blog, muito sucesso. :D
Obrigada, Rô, por responder minha pergunta. Vou tentar novamente até aprender...
Bjs
Oi Ro,
Adorei esta idéia.
Acho que vou fazer mais encomendas...rsrsrsrsrsrs
Vou ver e te falo.
Beijão.
Oi Rô!
desculpa perguntar aqui, ainda mais com um assunto que não tem nada a ver :x
mas dá pra colocar um slide show SÓ de imagens no blogger ?
igual esse: http://thiagobelem.net/blog/exemplo1
(tutorial explicando como chegar nele http://thiagobelem.net/blog/jquery/2009/03/11/galeria-de-fotos-slideshow-com-jquery-327)
eu tentei e não consegui, babo pra colocar um desses no meo blog, mas NUNCA achei :///
obg! ;**
Muito boa estas dicas para colocar blogspot...
Olá Rô!
bom gostaria de falar que devo pedir desculpas ao fazer isto , pois estou aqui para pedir ajuda a publicar uma ideia minha .
Pois todos gostariamos de transformar o blogger em uma plataforma melhor e com isso , quero iniciar um projeto que gostaria de dividir com todos os metablogueiros .
Nele gostaria de pegar opniões de diversos usuarios , em coisas que eles ter no blogger, mas não sabem como proceder .
E ai seria onde entramos , com esta ajuda pois sinto que o blogger pode ter ainda muitas coisas a serem criadas e porque não NOS mesmos não tomamos a redia?
Enfim, se quiser me ajudar gostaria que voce cria se um post sobre , e pedindo oque eu sugeri .
Não sei se fui claro mas enfim
este é o link da postagem original se quiser ler sobre seria grato
La tambem não esta TÃO legivel rsrsrs
mas enfim ,
Obrigado
minha sidebar deceu agora ta embaixo do post.
Então eu reverti meu template de volta pro minima black pra retirar o erro e depois refazer um template novo, mas a sidebar, mesmo no minima black continua lá embaixo.
Por favor me ajudem...
meu link:http://evanescencetrh.blogspot.com
Só tem um probleminha. No internet explorer não da certo. no Opera e Firefox ficou tudo blz.
Olá Rô,,paz querida...!!
Rô ja faz um tempo que eu vi você falando sobre os emotions nas postagens,,, eu encontrei um tutorial sobre isso...
em um novo meta blog gringo.. mas só funciona no fire fox,
vou deixar o link para ti talvez você se interesse em dar uma olhada.. bom como sempre seu blog é o meu favorito de cabeceira.. parabéns Rosangela...
o link :
Rô esqueci de colocar o link desculpa...a razão de te enviar o link.. era para saber se não teria como de simplificar o metodo que ele usa... mas fico agradecido..
Roberto
http://simplexdesign.blogspot.com/2009/11/install-emoticon-to-post-editor.html
sumiu de novo ¬¬
MAS ALGUM TEMPO SEM VC É XATU ¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Hola Soy Jorge Key
En uno de Mis Blogs "Onlinestrenos" Incorpore Intro Flash Por Medio de un Frame Javascrip lo cual ise Posible con Ayuda de GemaBlog,El Escaparate de Rosa y Vagabundia...
Este Intro Flash en Blogger es Posible con solo este Archivo Js solo Modificando "splashpageurl" la Url de la Entrada o Pagina Html que Uctilizaras como Intro De tu Blog Añadiendolo en un Elemento Html Independiente Añadiendo una Etiqueta b:if cond='data:blog.homepageUrl == data:blog.url
Espero y Me Ayudes a Publicar una Tutorial... Para Darlo a Conocer alos Bloggeros
Sigue Este Mini Tuto Para Incorporar un Intro (Flash o Html)
en un Blogger Por Frame Javascrip lo cual Ise Posible con Ayuda de:
GemaBlog,El Escaparate de Rosa y Vagabundia...
Mira el Ejemplo de Mi Intro Flash en Uno de Mis Blogs
Olá seu blog na hora de entrar está aparecendo uma mensagem do Google dizendo que não é seguro visitar, será um erro do Google?
Very informative article, thank you for your suggestions and tips.
Web Designer Web development
¡¡Feliz navidad!!
Un abrazo :)
ola parabens seu blog é muito bem organizado só tive um pouco de dificuldade para achar onde postar comentário ,mas da próxima vez ja sei onde está rsrsrs,feliz ano novo.
rafael danilo
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
Feed dos Comentários<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Blog This!