Agregar sombra a imágenes del blog usando CSS

  • Autor Autor Guillermo
  • Fecha de inicio Fecha de inicio
G

Guillermo

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola a todos!

Actualmente quiero saber si hay alguna manera por allí en HOJAS DE ESTILOS CSS para que todas las imagenes puestas en mi blog tengan sombras, ya he visto en otros sitios que todas las imagenes tienen cuadros y algunos sombra..

Si saben sólo digan!.. 😀

Saludos y Gracias de antemano! 🙂 😀
 
si existe la forma, solo debes ir a css en img, modificarlo dependiendo el color, efecto y background, y ya cuando subas la imagen le agregas la tag que haz creado
 
OK, pero yo nose cuales son los códigos que tengo que poner para que las imagenes tenga sombra, asi´como los textos son "text-shadow" y el de las imagenes?

Saludos.. 🙂
 
No es mejor descargar
Windows Live Writter?
cosa.jpg


no hay mejor software (para windows) que sirva para escribir en blogs
Enlace eliminado

En cuanto a css, pues debe existir pero seria un codigo largo o corto pero dificil de encontrar, solo es de buscar.
 
emm.. creo que eso no respondio a mi pregunta..
 
:
Enlace eliminado
Enlace eliminado

Aunque para que usar css si tienes WLW xDD
 
Gracias, ya he visto unas como esas, pero yo mas bien querria es que todas las imagenes por defecto tengan sombra.. No creo que no se pueda hacer eso porque en muchos blogs ya lo he visto

Saludos..
 
bueno realmente no se como lo hagas en css, peor si utilizas WLW (windows live writer) para publicar en tu blog puedes ponerle efectos de sombra para publicarla, solo la arrastras al WLW y le das a la opción de poner sombra y listo publicas 🙂

PD: ese programa viene junto con el paquete de messenger

EDITO: me tarde escribiendo y ya otros te respondieron lo que yo, UPS! sorry!
 
OK, usare WLW 😀 gracias por sus sugerencias y ayuda..

Saludos a todos.. 🙂
 
espero te sirva...

HTML:
<style>#test2{filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=30,Direction=115)}</style>
<div style="width:150px;height:120px;background-color:lightblue" id="test2">
<center>El mundo</center><center><img src="/images/mundo.gif"></center>
</div>

fuente

o tambien

HTML:
<div class="sombra">
  <img src="imagen.jpg" title="imagen"/>
</div>

HTML:
.sombra img {
   display: block;
   position: relative;
   margin: -6px 6px 6px -6px;
}

sas man
 
Última edición:
en la esquina superior izquierda ponle un sol 😀
 
Gracias viejo, pero eso sólo le daría sombra a una imagen que yo eliga, pero dejalo9, ya estoy utilizando WLW 😀
 
Atrás
Arriba