CSS — Crear capa superpuesta usando varios elementos

Crear una capa superpuesta sobre una imagen con CSS Hoy vamos a crear un efecto bastante habitual en interfaces web: una capa superpuesta sobre una imagen que aparece al pasar el ratón por encima y que nos permite mostrar, por ejemplo, los iconos de nuestras redes sociales. La idea es sencilla: tendremos una imagen y, … Leer más

PHP – JQuery – CSS: Cambiar estado de perfil.

Estado de perfil: una nueva forma de expresar nuestra actividad Las redes sociales han convertido el estado de perfil en una parte habitual de la identidad digital de cualquier usuario. Una frase, un icono o un indicador visual pueden transmitir rápidamente qué estamos haciendo, cómo nos encontramos o qué disponibilidad tenemos en ese momento. Partiendo … Leer más

Javascript – JQuery: Fade In de imágenes con jQuery

Hola. Hoy vamos a ver cómo crear un sencillo efecto de fade in para las miniaturas de una galería de imágenes utilizando únicamente CSS. Es un efecto pequeño, pero puede aportar bastante a la interfaz: cuando el usuario pasa el ratón sobre una imagen, podemos hacer que aparezca progresivamente una capa, un icono, información adicional … Leer más

Compartir noticias en redes sociales

Compartir noticias en redes sociales Cuando tienes un blog, una de las funcionalidades más habituales es permitir que el lector pueda compartir una noticia fácilmente en redes sociales. Hace unos años implementé esta funcionalidad utilizando PHP, Bootstrap y algunos estilos CSS propios. El objetivo era sencillo: generar los enlaces de compartir a partir de la … Leer más

Cambiar estilos en menú de navegación con jQuery y Bootstrap

Cambiar estilos en el menú usando jQuery y Bootstrap. Se nos pueden ocurrir infinidad de opciones para redecorar nuestro sitio web y si usamos Bootstrap como framework para maquetar nuestro sitio, también podemos darle un poco más de color y flexibilidad a nuestros diseños. Queremos consgeuir que al hacer scroll y durante una altura predeterminada … Leer más

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar