A mi se me ocurre que utilices algo de hojas de estilo CSS, si lo conoces. Aquí puedes encontrar un manual.
Para ver la etiqueta a la que tienes que aplicar el estilo, vete donde tengas la imagen y da a la tecla F12 y verás el árbol de etiquetas HTML.
En este enlace tienes un generador de sombras.
Muchas gracias!! Probare lo que me cuentas y te digo!! Soy demasiado novato para eso de CSS… empezare a profundizar en ello para enterarme de algo…
Hola Francisco.
He estado muchas horas actualizandome y leyendo sobre css. He instalado el jetpack y lo he activado de tal forma que cuando quiero meterle el codigo de sombra del generador de sombras que me has indicado (http://www.cssmatic.com/es/box-shadow) asignandoselo al elemento que quiero que lo tenga a traves del editor css que me aparece en Apariencia tras instalar JetPack pero no observo cambio alguno…
Para ello copio los datos de «styles» del elemento en concreto que encuentro en el inspector (F12) en chrome y luego le añado el codigo del generador de sombras pero no observo cambio alguno.
Quiero añadir sombra a los banners publicitarios superiores que aparecen en la parte de abajo de la siguiente web: http://cdfsanantonio.es/benjamin-b-20152016
Quiero que los banners superiores tengan la sombra igual que los inferiores o parecida, pero no lo consigo. Los de arriba no tienen sombra pero si puedo ponerles enlace, los de abajo tienen sombra pero no puedo ponerles enlace… Las imagenes de arriba las he insertado a traves de un widget de bloque de texto los de abajo los he insertado a traves del widget de «styled Image»
La verdad es que no se que hacer….
Yo he probado con los siguiente que hay que poner para conseguir el estilo.
a .alignright, a .alignleft, img.wrap-box-element{
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
Y veo que lo hace, pero es con mi procedimiento.
Eso es para los banners inferiores, Para los superiores sería buscar las etiquetas que los definen para hacer algo similar.
chao
Muchas gracias por tu ayuda. efectivamente consigo que me lo haga en todos los elementos de img.wrap-box-element… el problema es que tambien me lo hace en los elementos de arriba que ahi no quiero que lo haga. Ademas me crea la sombra sobre toda la celda y no sobre la imagen que esta dentro de la misma y que tiene menos anchura que la celda…
Investigaré por donde me has indicado, que es muy buena ayuda.
Lo consegui!!! Por si le sirve a alguien utilicé lo siguiente:
1º Cree un estilo en el editor css de JetPack:
#foto {
-webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
-moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
}
2ºcree un bloque de texto y le he insertado el siguiente html:
<a href="http://www.tudireccion.com"><img id="foto" class=" alignleft" src="http://tudireccion.com/imagen.jpg" alt="" border="0" /></a>
Gracias a Franciscorodriguezredondo11 por su inestimable ayuda.
