Infinito Punto Alfa

Hasta los güevos de la 2.0, algo de diseño gráfico, web y concursos.

CSS : DIV :
Capa con scroll propio

13 marzo 2007 by Animatek | 11 Comments

PLAIN TEXT
CSS:
  1. <style type="text/css">
  2. .scroll{
  3. margin: 10px auto;
  4. height:100px;
  5. overflow: scroll;
  6. width:200px;
  7. }
  8. </style>
  9. <div class="scroll">
  10. Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera.
  11. Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera. Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera.</div>

ejecutar ejemplo

Related posts:

  1. CSS : DIV :
    Centrar Horizontal y Verticalmente
  2. CSS : JavaScript :
    Ocultar/Mostrar Capas
  3. Blog : Diseño Gráfico :
    ArtysMedia
  4. Blog : Diseño Gráfico :
    WebIntenta
  5. Blog : Diseño Gráfico :
    Gráfica Colectiva

Author: Animatek

Mis comienzos como diseador fueron en una pequea imprenta de Donostia, pero poco a poco me he ido interesando y adentrando en el diseño web, sobretodo basado en Flash, PHP y MySQL... pero sin descuidar el XML y CSS 2.

11 Comments

Leave a reply →

  1. aldo
    15 febrero 2010 at 18:49 pm

    master of the universe, no funciona el ejemplo!!

  2. Animatek
    15 febrero 2010 at 18:57 pm

    Vaya, lo siento.

    Estos ejemplos los cree con el dominio anterior y por lo visto ahora ya no funcionan, tendras que creerme :)

    A ver si saco un rato un dia de estos y lo puedo actualizar... gracias por el aviso ;)

  3. Animatek
    15 febrero 2010 at 19:01 pm

    Bueno, pude hacer algo:
    http://blog.redvamas.com/ejemplos/scroll.php

    Ya lo pondre bonito otro dia, que ahora no tengo mucho tiempo

  4. cake decorating piping
    19 julio 2010 at 18:40 pm

    I can't but agree.I always wanted to write in my site something like that but I guess you'r faster.

  5. hot legs
    19 julio 2010 at 20:47 pm

    Usually I do not post on blogs, but I would like to say that this article really forced me to do so! Thanks, really nice article.

  6. david
    30 diciembre 2010 at 21:41 pm

    quiero saber como haces este efecto en tu web que la imagen de fondo se vea estatica y solo muevas tu capa .SI PUDIERAS ATUDARME TE LO AGRADECERIA INFINITAMENTE

  7. Animatek
    2 enero 2011 at 17:44 pm

    Hola David.

    Un una propiedad CSS --> background-attachment:fixed;

    Echa un vistazo por Google y seguro que encuentras diversas formas de implementarlo en tu web. Suerte.
    http://www.google.es/search?q=css+fixed+background

  8. David
    3 enero 2011 at 23:33 pm

    Hola Animatek
    Resolvi mi duda que buena onda y de verdad muchisimas gracias.
    ¡Feliz año!

  9. Animatek
    4 enero 2011 at 23:28 pm

    Me alegro un montón, un placer.

    Feliz Año

  10. Rafael
    5 enero 2011 at 21:44 pm

    Yo tengo la misma pregunta que david pero adiferencia que yo no entendi
    con esa propiedad creo el fondo .
    y la simulacion de que solo la capa se mueve ¿Eso como lo hago?. como lo hago disculpen soy nuevo.Si alguien me ayudara

  11. Animatek
    5 enero 2011 at 22:03 pm

    Hola Rafael.
    Hoy no tengo mucho tiempo, asi que solamente te pego el codigo que hay que poner en el CSS.

    body {
    background-attachment:fixed; // deja la foto fija
    background-image:url(URL_de_la_foto); // carga la foto
    background-repeat: no-repeat; // para que no se repita
    background-position: center top; // para centrarla
    }

    Si no entiendes como y donde poner esto, otro dia con mas tiempo intento explicarte.
    Que conocimientos tienes?

Deja un comentario

Required fields are marked *.

*