scroll con fotos

sofiloqui · #1 (**permalink**) 08/06/2008, 15:24

Hola! soy nueva usando el dreamweaver y quisiera hacer un scroll horizontal que en vez de texto tenga imagenes, y no encuentro como hacerlo.!!
se entiende? quiero poner en mi web muchas fotos, una al lado de otra e ir pasandolas con un scroll horizontal.

Por favor si alguien me puede ayudar se los agradeceria mucho!!!!

saludos.

juaniquillo · #2 (**permalink**) 08/06/2008, 15:34

mira si este mensaje te puede ayudar:
http://www.forosdelweb.com/f17/dream...zables-593167/

en vez de poner texto sólo tienes que poner imágenes dentro del div.

sofiloqui · #3 (**permalink**) 08/06/2008, 20:36

creo que es eso lo que necesito, pero no encuentro donde poner este codigo que me decis???

.di_scroll{
width: 611px;
height: 405px;
overflow: auto;
}

dreamweaveryflash · #4 (**permalink**) 08/06/2008, 22:46

Cita:

Iniciado por sofiloqui

Hola! soy nueva usando el dreamweaver y quisiera hacer un scroll horizontal que en vez de texto tenga imagenes, y no encuentro como hacerlo.!!
se entiende? quiero poner en mi web muchas fotos, una al lado de otra e ir pasandolas con un scroll horizontal.

Por favor si alguien me puede ayudar se los agradeceria mucho!!!!

saludos.

estimada amiga el codigo que copiaste tenes que ponerlo en < head>

meke13 · #5 (**permalink**) 09/06/2008, 03:09

aqui te dejo exacto como me explicaron a mi para hacer un scroll con medidas exactas y por si quieres meter una imagen de fondo.

introduce este codigo en <head>

div.scroll {
width:550px;
height:350px;
background:url(tu_imagen.jpg) no-repeat;
overflow: auto;
border: 0px;
font-family:verdana;
font-size:11px;
color:#000000;
padding: 0px 2px 5px 2px;
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FEFFED;
SCROLLBAR-DARKSHADOW-COLOR: #FEFFED;}

y esto otro en <body> en el lugar donde quieras meter tu scroll

<div align="justify" class=scroll>
<blockquote>

aqui el texto que ira dentro del scroll

si lo que quieres es poner imagenes para cada imagen has de poner este codigo:
<img src="url(tuimagen.jpg) " alt="nombre que aparece al pasar el raton sobre la imagen" />

</blockquote>
</div>

___________

una vez hecho esto modificas el estilo todo los valores que quieras, colores, tamaños... etc.

1 saludo espero que a ti tambien te sirva como me sirvió a mi

juaniquillo · #6 (**permalink**) 09/06/2008, 12:04

Ten en cuenta que el código que cambia los colores de los scrolls solo funciona para internet explorer. Que yo sepa no existe ningún código que funcione en los otros navegadores.