Foros del Web » Creando para Internet » Diseño web »

Como dejar imagen fija con transparencia

Estas en el tema de Como dejar imagen fija con transparencia en el foro de Diseño web en Foros del Web. para que entiendan lo que ando buscando vean esta pagina web http://www.strawpollnow.com/ y noten como la imagen en la parte de abajo (arboles y una ...
  #1 (permalink)  
Antiguo 11/12/2008, 10:00
Avatar de servicioswg  
Fecha de Ingreso: septiembre-2008
Mensajes: 12
Antigüedad: 9 años, 2 meses
Puntos: 0
Busqueda Como dejar imagen fija con transparencia

para que entiendan lo que ando buscando vean esta pagina web

http://www.strawpollnow.com/

y noten como la imagen en la parte de abajo (arboles y una casa) no se quita ni se mueve y a su vez posee transparencia, por lo que el contenido del fondo (pagina) se ve perfecto.

si alguien sabe como se hace esto.

gracias
  #2 (permalink)  
Antiguo 11/12/2008, 14:01
Avatar de mrjhon  
Fecha de Ingreso: junio-2005
Mensajes: 155
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Como dejar imagen fija con transparencia

buenas a mi modo de ver son imagenes que han creado y las han puesto como bg osea como fondos en tablas.

lo mas importante es saberlas crear pruebacon con algun programa de diseño o retoque.

como corel o el mismo photoshop o algo menos complejo el photofilter.

saludos
__________________
FiRmA____________________
http://markintegral.brinkster.net/index.htm
  #3 (permalink)  
Antiguo 11/12/2008, 14:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como dejar imagen fija con transparencia

Si te olvidas de ie6 que no entiende de fixed y png con transparencias es fácil:
Esa imagen es un archivo .png con transparencias colocado en #footer con esta declaración en el css:
Cita:
html > body #footer {/*style.css (línea 398)*/
left:0;
position:fixed;
z-index:11;
}
Y la imagen está contenida:
Cita:
#footer-content {style.css (línea 405)
display:block;
margin:auto;
position:relative;
text-align:right;
width:665px;
}
y ya, la propia imagen (<img id="foamee"...) tiene estas propiedades:
Cita:
#footer-content #foamee {/*style.css (línea 412)*/
margin-top:40px;
}
Para ver el código html lo mejor es que lo veas mediante el navegador: "Ver"--> "ver código fuente...)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 11/12/2008, 14:25
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: Como dejar imagen fija con transparencia

el contenido con scrool lo puedes hacer con div con un alto predeterminado y asi le pones overflow...... y para la parte de abajo.... otro div con position button y left "0px".

suerte.
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #5 (permalink)  
Antiguo 11/12/2008, 14:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como dejar imagen fija con transparencia

Cita:
Iniciado por mrjhon Ver Mensaje
buenas a mi modo de ver son imagenes que han creado y las han puesto como bg osea como fondos en tablas.
...
No hay tablas. Está "maquetado" utilizando css.
Cita:
Iniciado por masterojitos Ver Mensaje
el contenido con scrool lo puedes hacer con div con un alto predeterminado y asi le pones overflow...... y para la parte de abajo.... otro div con position button y left "0px".

suerte.
No es necesario. Al sobrepasar el contenido del body el alto de la ventana del navegador, aparece la barra de escroll vertical automáticamente, a no ser que indiques lo contrario en el css.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 11/12/2008, 15:39
 
Fecha de Ingreso: octubre-2008
Mensajes: 18
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Como dejar imagen fija con transparencia

Me parece muy interesante este post.
  #7 (permalink)  
Antiguo 14/12/2008, 04:49
Avatar de servicioswg  
Fecha de Ingreso: septiembre-2008
Mensajes: 12
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Como dejar imagen fija con transparencia

bueno intente lo que me recomendo ( kseso? ) pero aun no logro el objetivo
  #8 (permalink)  
Antiguo 14/12/2008, 14:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como dejar imagen fija con transparencia

Serviciosweb, crea un div, llamado por ejemplo "fijo" con las propiedades que necesites, y en él colocas la imagen o los elementos que quieras mantener siempre en la misma posición:
Cita:
#fijo {
position: fixed;
bottom:50px/*o los pixeles que necesites separarlo del fondo*/;
right:100px/*o los px que necesites...*/;
z-index: 10000;
width:100px;
height:100px;
background-color: #000;
}
y en el fujo del html lo colocas como hijo directo del body.
Pero el problema de la propiedad fixed es como siempre el mier** de ie6.

Hay otra forma compatible con el mier** de ie6, descrita y publicada por Mikmoro en su página de recursos css Araudi, lo puedes ver aquí.
El código css es el siguiente:
Cita:
#fijo {
background:#CCFFFF none repeat scroll 0 0;
border:1px solid #000000;
height:200px;
left:50%;
margin-left:-100px;
margin-top:-100px;
position:absolute;
top:50%;

width:200px;
}
Suerte
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:40.