Hay alguna forma de hacer que todas las imagenes de mi blog tengan sombra? :D

Guillermo · 15 Jul 2009

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!

José Luis Torres · 15 Jul 2009

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

Guillermo · 15 Jul 2009

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

crystaldream · 15 Jul 2009

No es mejor descargar
Windows Live Writter?

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.

Guillermo · 15 Jul 2009

emm.. creo que eso no respondio a mi pregunta..

crystaldream · 15 Jul 2009

:
Enlace eliminado
Enlace eliminado

Aunque para que usar css si tienes WLW xDD

Guillermo · 15 Jul 2009

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

Lexmax_ONE · 15 Jul 2009

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!

Guillermo · 15 Jul 2009

OK, usare WLW

gracias por sus sugerencias y ayuda..

Saludos a todos..

aldols · 15 Jul 2009

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

Poyello · 15 Jul 2009

en la esquina superior izquierda ponle un sol

Guillermo · 16 Jul 2009

Gracias viejo, pero eso sólo le daría sombra a una imagen que yo eliga, pero dejalo9, ya estoy utilizando WLW