Hacer efecto de background y sombra en cada publicación - Blog personalizado

 

Hola mis amigos Jimderos!, por fin les traigo un nuevo tutorial espero que no se molesten :-).

Se trata de hacer el efecto que tengo yo en este momento en el blog sobre que al pasar el cursor por la publicación se destaca mediante una caja con color y sombra.


DEMO

Tutorial, paso 1

pegamos este código en el head de nuestra página web Jimdo.


<style>
<!--/*CD*/
.j-blogarticle:hover {
background: #color !important;
box-shadow: 2px 2px 9px #color;
-->/*End*/
</style>

Información

*Si quieres agregar el efecto de las dos formas, ejemplo que aunque no se pase el cursor por encima de la publicacion siga con la personalizacion borrale el párrafo ":hover" .

*Si quieres poner una imagen de fondo en vez de un color borra despues de "Backgronund" hasta ";" y déjalo así:

background: (URL DE LA IMAGEN) repeat !important;

Escribir comentario

Comentarios: 4