Hola, os paso una variación/ampliación del ejercicio anterior, pero creando un menú automáticamente empleando un listado y la propiedad " float:left; ". También se cambia el background.
Un saludo
Entradas con la etiqueta css
Hola, os paso un ejemplo en el que veréis como cambiar el fondo de una capa por una imagen al situarnos encima.
Vendría a ser como las imágenes de sustitución pero en capas. Muy útil si repetís la imagen en varios sitios, ya que se aplica desde CSS.
Un saludo
Basandome en el post de "Galería de imágenes que se desplaza con javascript", os he creado una capa centrada desde la que podemos realizar una vista panorámica, así podréis generar una web que al situaros en los laterales se mueva automáticamente.
Si colocáis capas anidadas en la capa ThumbContainer quedaran fijas en un primer plano, si la ponéis en LayerThumbs se desplazaran con el fondo. Dentro podéis poner todos los efectos que queráis.
pulsar encima de la imagen para descargarlo.
Post relaccionados :
Galería de imágenes que se desplaza con…
Un saludo.
Os adjunto una galería de imágenes en capas con javascript, bastará con pulsar encima de las flechas y se desplazará solo.
Si queréis que haga algún comportamiento al pulsar encima de cada una de las imágenes ya es cosa vuestra.
Hola, os adjunto un zip en el que encontraréis un ejemplo sencillo para personalizar el scroll de las capas, dentro hay la página HTML, el Javascript el CSS de la capa y del scroll.
Espero que os sirva.
Un saludo.
Centrar capas desde CSS
mar 16
hola, os paso el código para alinear las capas tanto vertical como horizontalmente.
#centrado { position: absolute; /*Posicionamiento absoluto*/ top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/ left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/ height: 400px; /*Le ponemos el valor del alto*/ width: 500px; /*Le ponemos el valor del ancho*/ margin-top: -200px; /*Restamos la mitad de alto para centrarlo verticalmente*/ margin-left: -250px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/ background-color: #00FF00; /*Color de fondo para distinguir la capa*/}
De nuevo una oferta de empleo. Parece que en el momento que vivimos el oficio de desarrollador sigue siendo necesario. Supongo que la crisis favorecerá a los que estén mejor capacitados y lo pondrá mas difícil a los que hasta ahora se han podido permitir el lujo de trabajar en el sector sin una formación sólida.
Aprovechando que en clase estamos viendo capas y estilos css, os paso la dirección para descargaros un plugin para visualizar los estilos de cualquier página, bastará con pasar el cursor por encima del contenido.
https://addons.mozilla.org/es-ES/firefox/addon/2104
También encontraréis más plugins para firefox en la siguiente dirección:
Hola, soy Paco Blaya, uno de los profesores de informática de la escuela Edib. La asignatura que imparto es la de creación de páginas web, además de ser un mundo que me parece muy atractivo ya que combina a la perfección diseño y programación, también tiene una gran salida laboral, y a menudo te da la opción de trabajar como freelance añadiendo unos cuantos eurillos a tus arcas. Prueba de ello es que dos de los alumnos que tenía el año pasado ya fueron capaces de sacar beneficios de lo aprendido en clase antes de acabar el primer cuatrimestre, creando sendas páginas web y cobrando un dinerillo extra por ellas.
Por si os puede interesar os pasa el temario que imparto.
Un saludo.
