Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje13-01-2012, 19:25 (UTC)    
Título del mensaje: background fixed center

Hola otra vez paginawebgratiseros!

Resulta que yo quería poner dos fondos (trasparentes) y me aportaron con esto

<style type="text/css">
html, body{
background-image:url(http://img.webme.com/pic/p/phamtom/onobluesofttrasparente.png), url(http://img517.imageshack.us/img517/4730/emerald1600x1200bb4.jpg);
background-repeat: repeat;
background-color: #dddddd;
}
</style>

Me funcionó a la perfección, pero ahora quiero que los fondos se queden en su sitio cuando uno se mueve hacia arriba o abajo. lo intenté así


<style type="text/css">
html, body{
background-image:url(http://img.webme.com/pic/p/phamtom/onobluesofttrasparente.png) fixed center, url(http://img517.imageshack.us/img517/4730/emerald1600x1200bb4.jpg) fixed center;
background-repeat: repeat;
background-color: #dddddd;
}
</style>

poniendo "fixed center" despues de la url como aparecía en el foro pero no me funciona

Ayuda porfavor!
______________
Mensaje13-01-2012, 19:43 (UTC)    
Título del mensaje:

<style type="text/css">

<!--

body{background-image:url(url de imagen);background-attachment: fixed}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();background-color:#;}
td.edit_rechts_sbg{visibility:hidden;background-color:#;}
td.edit_rechts_cbg{background-image: url();background-color:#;}
td.edit_rb_footer{background-image:url();background-color:#;}
td.edit_rechts_bottom{background-image: url();background-color:#;}
td.edit_content_bottom:hover{background-image:url();background-color:#;}

--></style></font>

<style type="text/css">
<!--
td.edit_header_full{background-image:url(url de imagen);background-color:;height:250px;}
--></style>


copia y pega este codigo en texto por encima de la pagina
donde dice url de imagen pegas la url de imagen, debe ser de tamaño 1024 x 768. solo colocas la url en el texto azul haber si te puede servir.

______________
Reglas del Foro

¿Dónde hacer mi tema/post?


Ultima edición por nuestrasxarlas el Vie Ene 13, 2012 3:44 pm; editado 1 vez
Mensaje13-01-2012, 20:04 (UTC)    
Título del mensaje:

Lo que pasa es que el css tiene una forma larga y una corta:
Lo que haces estaría bien si usaras la forma corta, aquí te dejo la solución de las dos formas para que notes la diferencia

Forma larga:
Código:
<style type="text/css">
html, body{
background-image:url(http://img.webme.com/pic/p/phamtom/onobluesofttrasparente.png), url(http://img517.imageshack.us/img517/4730/emerald1600x1200bb4.jpg);
background-repeat: repeat;
background-color: #dddddd;
background-attachment:fixed;
background-position:center;
}
</style>


Forma corta:
Código:
<style type="text/css">
html, body{
background:url(http://img.webme.com/pic/p/phamtom/onobluesofttrasparente.png) repeat fixed center, url(http://img517.imageshack.us/img517/4730/emerald1600x1200bb4.jpg) repeat fixed center;
}
</style>

______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje13-01-2012, 20:14 (UTC)    
Título del mensaje:

perfecto! muchisimas gracias
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group