Fondo estático en una página web Marzo 11, 2007
Publicado por lineadecodigo en : CSS , trackbackA la hora de diseñar una página web podemos hacer que el fondo de dicha pagina web quede estático, independientemente del scroll que el usuario realice sobre dicha página.
Esto nos será útil en muchos casos, por ejemplo cuando queramos tener de fondo un escudo, un logo,... Hay que tener en cuenta que si ponemos una imagen de fondo, por defecto, el fondo, se repetirá tantas veces como extensa sea la página web.
Para poder fijar el fondo nos basaremos en el atributo CSS background. El primer atributo que debemos conocer es background-image. Este atributo nos permite especificar la imagen que se va a poner en el fondo de la página web.
De esta forma el código a utilizar será el siguiente:
<style>
body {
background-image: url('http://lineadecodigo.com/wp-content/uploads/2006/12/w3c.jpg');
}
</style>
Utilizaremos la función url() para hacer referencia al archivo a utilizar.
Una vez que tenemos puesta la imagen en el fondo veamos como fijarla. Para ello utilizamos otros dos atributos:
- background-repeat, el cual indica como se va a repetir la imagen en el fondo, si verticalmente, horizontalmente, en ambos sentidos o directamente no se va a repetir (valor no-repeat). Este último, será nuestro caso.
- background-attachment, mediante este atributo indicaremos si la imagen se va a quedar fija (fixed) o hará scroll con el resto de la página (scroll).
Finalmente el código quedará de la siguiente forma:
<style>
body
{
background-image: url('http://lineadecodigo.com/wp-content/uploads/2006/12/w3c.jpg');
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
Visualizar el ejemplo | Descargar el código
| 
| 31574 visitas
(Todavia sin evaluar)
Loading ...
Comentarios»
hola, este codigo esta super, me ayudo muchisimo, lo que ocurria es que tenia para mi web un fondo que no servia para mosaico, pero este codigo esta super super, hasta la vista mis chinos
hola men… sabes si me func este tuto es rebueno ok pero necesito un favor cualdo le coloco al hi5 no me funciona…
weno yo le puse en…
editar luego personalizar…
y en la ultima parte de abajo
dice url de la imagen de fondo y
mas abajito “estilo”
weno en url puse la url d la imagen ok
te agradesco de antemano bye men
y en estilo tus codigos oviamente cambiando la url que habia por la que yo tenia ok puse no repeat y tbm en fixed
pero = me salia la imagen y se movia junto con el scroll ok
asi que ayudame pls
necesito fijar la imagen si puedes por favor me mandas un email con la ayuda pls la necesito
ah y no es que no se pueda por que ya vi varios hi5’s con imagenes estaticas
mi mail es hackergun@hotmail.com
presisamente yo quise hacer lo mismo en hi5, pero la caja de texto en donde se edita la URL de fondo tiene restriccion de caracteres, por tal motivo no se puede manualmente. se que existe webs que te pimpean el blog, recomiendo buscar uno para arreglar el diseño de hi5.
hey yo puse ese codigo y no me sale la nada, solo aparece la imagen cargandose y desaparece y queda un fondo blanco. ese problema tambien lo tengo con otros estilos, solo aparece el estilo cargandose y desaparece y ese fondo blanco como que cubre el estilo poruq si me voy al pie de la pagina aparece un pedacito.
porfa ayudenme se lo suplico porque ya estoy aburrido de que la imafgen se repita varias veces y quiero que mi pagina se mire cool
poooooooooooooorfaaaaaaaaaaaaaa se lo suplico.
Andres, vamos a ver si te puedo ayudar. Mándame la página HTML a mi dirección de e-mail contacto(arroba)lineadecodigo.com
Y veremos que podemos hacer. Luego comentamos la solución por aquí, por si le pasa a alguien más.
Hola tengo una duda,como puedo hacer q el cotnenido de mi pag webse mueva y q el fondo se quede estatico,ayudame por favor ,gracias.
hola amigos me gustaria que me ayudaran com mi perfil lo q pasa es yo e editado mi URL q es http://salasjls.hi5.com y al momento de ingresar para ver mi perfil me aparece en blanco, tampoco puedo ingresar a editar mi perfil no se que pasa ya intente de todo no se que hacer.. espero su respuesta mi correo de mi Hi5 es josel_843@hotmail.com gracias…..
hola men… sabes si me func este tuto es rebueno ok pero necesito un favor cualdo le coloco al hi5 no me funciona…
weno yo le puse en…
editar luego personalizar…
y en la ultima parte de abajo
dice url de la imagen de fondo y
mas abajito “estilo”
weno en url puse la url d la imagen ok
y en estilo tus codigos oviamente cambiando la url que habia por la que yo tenia ok puse no repeat y tbm en fixed
pero = me salia la imagen y se movia junto con el scroll ok
asi que ayudame pls
necesito fijar la imagen si puedes por favor me mandas un email con la ayuda pls la necesito
ah y no es que no se pueda por que ya vi varios hi5’s con imagenes estaticas te agradesco de antemano bye men
mi mail es jimalej@hotmail.com
[…] Muchas personas me han enviado correos preguntándome como podían dejar fijo el fondo de pantalla en hi5.com. Sobre todo porque habían seguido el ejemplo “Fondo estático en una página web” y no les había funcionado. (también podéis ver los comentarios al artículo que hablan sobre el tema). […]
He publicado una entrada que explica como hacer el fondo estático en hi5.com. Espero que os sea de ayuda.
Podéis leerla en Fondo de pantalla estático en Hi5.com
http://lineadecodigo.com/2007/06/02/fondo-de-pantalla-estatico-en-hi5com/
Vayan aca, pude poner mi fondo estatico en mi hi5!
hola bueno lo unico que me gustaria es que pongos codigos de algunas baladas para poner en los mnsajes de hotmail
Buuu taba modificando my perfil le puse un codigo de un cursor y ahora mi perfil aparece en blanco , si pueden enviarme alguna solucion mi correo es scathymp@hot pleaseeeeeeeeeeeeeeeee
HOLA Q TAL!! MI NOMBRE ES BRENDA, KISIERA Q M AYUDES,KIERO PONER MI FOTO DE FONDO DE MI PAG. DE HI5…X FIS RESPONDM ES URGNT..COMO TNGO Q HACER ??? Q CODIGO DEBO PONER?????
Hola mi nombre es Enrique
Tengo un problema con mi hi5, por error le estuve agregando còdigos para hacerlo mas dinàmico y me fue muy bien pero hoy por la mañana le puse un còdigo para eliminar la publicidad de mis otros còdigos y ahora no se ve nada…
Todo esta en blanco…
tengo acceso a todos los demàs lìnks de mi perfìl, INICIO, MENSAJES, FOTOS, AMIGOS ETC…
pero no tengo acceso a mi perfìl y tampoco lo puedo editar ni desde inicio ni desde mi perfìl…
Que puedo hacer???
Hola enrique tengo tu mismo proble porfavor si ya pudiste solucionarlo por favor dime como. gracias
hola yo tmb tengo el mismi problema de caro y enrique,, ayudennos porfa!!!!!!!!!!!!!
ola chamo me rosa ,estou com um problema no hi5 não consigo postar nada,nem entradas nem mandar mensagens,nem colocar fives nas paginas dos meus amigos o que será que se passa?
enrique y caro espero que entren ya pude solucionar lo del perfil solo vayan a este link http://www.hi5.com/friend/account/displayEditProfileCustomization.do y le kitan el codigo que les causo el error y ya se volvera a ver el perfil
por favor ayudenme…tengo problemas con mi hi5……..ingreso a mi cuenta….puedo ver mis grupos escuelas,universidades,todo,pero
lo que no puedo ver es mi perfil ni el de mis amigos…como hago para solucionar este problema…que hago..ayudenme….lo unico que aparece es un aviso que dice…ups no pudimos cumplir con tu solicitud..una disculpa por el inconveniente,pero tuvimos un error al cumplir con tu solicitud.
regresar al inicio o haz clic en el boton regresar de tu navegador para regresar a lka pagina donde estabas….ayudenme…se los agradecere…..mi msn es ….tiziana20_4@hotmail.com
Hola como estan, tengo el mismo problema q muchos. un dia estuve modificando mi perfil y poniendole varias cosas en esas paginas y de pronto no podia ver el pèrfil, ahora ese problema se soluciono, pero cuando kiero modificar o agrgar algo a mi perfil, me sale error en la pagina, AYUDENME PORFAVOR COMO HAGO PA SOLUCIONAR ESTO????
Marissa
gracias……pura vida…!!!!
yo tambien tengo en mismo problema sale esto cada ves q entro a mihi5
¡Ups! No pudimos cumplir con tu solicitud.
Una disculpa por el inconveniente, pero tuvimos un error al cumplir con tu solicitud.
Regresar al Inicio o haz clic en el botón Regresar de tu navegador para regresar a la página donde estabas.
=/ y ya entre a esa pag q dio liliana =/ pe ya modifik todo y nada
=(.-.. q kuedo hacer =/ ay les dejo mi msn cualkier ayudita….anai_sandra_18@,,
Hola, quisiera que me ayuden por error quise modificar mi perfil y cuando lo hice aparecio una pagina en blanco, no puedo editar, ni ver el perfil tampoco mis amigos… Por favor ayudenme… mi correo es emli318@hotmail.com
olax!! quiero q’ me den paginas para poder arreglar mi hi5 por q’ me faltan mas paginas para poder hcer y pa q’ quede bien piola jaja okis bye ps
hey men visto k nadi dice komo poner un fondo estatiko x aki,,se botan o k a k pasa loko es mas facil k la tabla del 1 hey men akie sta el codigo :
.bg_content, .heading_profile { background-color: transparent !important; background-image:none important; background-repeat: no-repeat; } body { background-color: #000000; background-position: topcenter; background-repeat: no-repeat; background-image: url(aki pones la url de la imagen de fondo); background-attachment: fixed; } #p_center{ background-color: transparent !important; background-image:none; background-attachment:fixed; background-position: center center; background-repeat: no-repeat; } #p_container { background-color: transparent !important;}
OJO::::::::alli hay un parte dond dice pagina web del fondo ,pues alli pones la url d la imagen de fondo ok y asi
se keda statiko y esto va pa todos especila mente pa linea de codigo k su otro codigo si me funciono ok gracias men ,,usenlo y cuankier vaina me pasan la voz:
nakito_cool@hotmail.com
ya tu sabe desde LIMA-PERU
weno ojala y le funciones men me kito chaufa ya sab kualkier vaina me pasan la voz noma y si res yal mjol
ayuda trate de arreglar mi profile en el hi5 y termine poniendo un codigo q no era y ahora esta en blanco por favor ayudenme a q se vea de nuevo.
gracias
hola quiero quitar eso de las escuelas ase poco puse el nombre de mi ex escuelas ahora lo kiero kitar como lo hago plisssssssssssss diganmeeeeeeeeeeeeeeeee
mi hi5 no se puede editar ya que puse un codigo mal y todo sale blanco haber si alguien me dice como solucionar este problema se los agradeceria muxo
grax
hola, una miga me quiso ayudar agregando 1 cursor en mi hi5, pero no se que hizo, pues cuando abro mi hi5 la pagina de mi perfil sale en blanco, pero si puedo ver a mis amigos, pero no puedo ver ni mis fotos ni nada de lo que se encuentre en el perfil, ni siquiera aparecen las opciones para reeditarlo, porfa diganme que hago
broder! como hago… cuando kiero acceder ami cuenta en el hi5 ingreso mi correo y me sale ke cuenta de correo electronico no se encuentra registrada…. pero mi oagina esta ahi y mis amigos la ven normal… please ayuda!!!! gracias
saludos.
Rolo
mi correo es rolopiojo@hotmail.com
hey….es genial esto del fondo GRACIAS¡¡¡¡¡
heii chavoOs ii chavas !! tngoO un mega problemaa !! quize colocar un fondoO para mi hi5 ii me borro todoO !! hasta mi imagen para mostrar ! ii no lo puedoO kmbiiar xk como les cmentoO desaparecioO todO !! xfavoOr ayudenme xk me gusta mucoo estoO del hi5
Holas kiero saber como puedo rellenar mi web ia me cree una pero kieor saber como se rellena . kiero mandar varoias fotos a mi web pero no se como me pueden ayudar ?
admi x fa mandame una repsuesta a mi msn richi_12_2006@hotmail.com
Me sirvio mucho el codigo, muchas gracias ^^
Oye, ahora lo que sucede es que en el mozilla me funciona, pero en el explorer no, que puedo hacer??
hola mi hi5 tiene un fondo blaco que no se quita con nada ya eprovado varias cosas y no se pues solo aparece en la parte derecha donde estan los comentarios
kiero k me ayuden porfaborr esy muy angustiada me an creado otro hi5
nesesito ayudame anc reado otro hi5
http://www.hi5.com/friend/account/displayEditProfileCustomization.do
entren a esa direccion y borran los codigos que generaron el error de la pantalla en blanco
gracias!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :D:D:D los adoro muxas gracias ya puedo ver mi perfil, si funciona entren al link q dan: http://www.hi5.com/friend/account/displayEditProfileCustomization.do
sino les funciona entrando defrente desde internet, entonces entren primero a su hi5 y copien el link en my web search, q esta arriba a la izquierda en la barra de menu, luego clickeen en buscar y les va a salir los resultados de la busqueda de tres buscadores: akon, google y yahoo
clickeen en el resultado que tenga de titulo (hi5 Who is in) y les va aparecer la seccion de hi5 para personalizar perfil, alli borran los codigos,guardan perfil y listo
por favor quiero cudrir mi url de mi hi5
Hoola! se puede hacer un overlay css/text como los de myspace..? que cambia totalmente la apariencia del profile???, ya cambie la de mi myspace y se ve wow, pero intente con hi5 y me sale mal juju! (por k el codigo es para myspace.. hehe) si sabes de algun codigo para hi5 overlay css/text te lo agradeceria mucho!!
Gracias!! 
Y los posts son muy utilees! felicuidades ;)g racais!!!!
holaaaaa!!!!!!!!! les pedire un favor muy grande puse en el hi5 tapizar y cambie le fondo de atras de la pagina del hi y ahora nose como kitarlo kisiera k me ayuden porfavor ese fondo k puse esta muy feo pero ahora nose como cambiarlo ayudenme porfavorrr graciassss
sharing yanith _Agosto 23,2007
holaaaaaa¿¿¿¿les pedire un gracias favor quiero pedire muy gran favor si me quiero menter en hi5 para tener uno por favor siiiiiiii
mucha gracias:
Este codigo no sirve para m….!!!!!!!!!
Che, alguien me puede decir que codigo utilizo para el fondo de mi web.
Encontre varios codigos, y ningunos funcionan,..!! GRRRR!!!!!!!!!!
espero alguien este por aqui que pueda ayudarme necesito eliminar mi cuenta de myspace pero no puedo accesar a ella, y reviso mi contraseña y me mandan la que es, no se que hacer espero puedan ayudarme
lo máximo tu web entra a miw eb http://netgaidon.pe.kz y dejame tu opinion en el foro de que podriamos ser afiliados que dices?
no es netgaidon es http://netgiadon.pe.kz
Gracias, quedo de apelos mi web, http://www.ssichaweb.tk pero la pagina home no puedo darle ya que tiene unos botones encima del fondo, tratare de buscarle solucion, 1,000 gracias!!!
mira tengo problemas con mi perfil no puedo mirarlo me salen un monton de codigos y me sale algo de pimp-my-profile.com no se de donde salio eso pero no puedo mirar mi perfil ?????
HOLA TENGO UN PROBLEMA CON MI HI5 CUANDO PUSE UNA FOTO DE FONDO Y PEGUE EL CODIGO Y CUANDO ENTRE AMI PERFIL SOLO ME APARECIA LA FOTO Q PUSE EN TODA LA HOJA. Y AHORA NI ESO ME SALE AHORA ESTA TODO EN BLANCO. AYUDENME PORFAVOR NO PUEDO ENTRAR A EDITARLO NI DESDE EL INICIO. AYUDENME PORFAVOR MI MSN ES victorzuniga03@hotmail.com ESPERO Q ME AYUDEN…
HOLA QUIESIERA QUE ME AYUDES NOS E PUEDE PONER COMENTARIOS ,NI ARTIGULIGIOS ,NI UN FONDO QUE TANTO ME GUSTAS Y FIVES Y QUIERO QUE ME AYUDE PORFA AYUDAME SOY katty.san@hotmail.com
Pero como se repite la imagen como mosaico pero que se quede fija?
Hola! esta muy bueno el código para poner el fondo, la cosa es que no me funciona con todas las imágenes, algunas simplemente no abarcan toda la página, son muy pequeñas y quedan solo en el margen superior izquierdo, como puedo solucionar esto?
pucha amigo mi hi5 lo malogre puse un codigo para el fondo y ahora solo se eso ps el fondo no se ve ni para actualizar y la foto adsolutamente nadaa kiero k porfavor me ayudes sii.. me llamo ingrid xfavorr..
te dejo mi msm aregame psss
ingrid_8523@hotmail.com………………….gracias
pucha amigo mi hi5 lo malogre puse un codigo para el fondo y ahora solo se eso ps el fondo no se ve ni para actualizar y la foto adsolutamente nadaa kiero k porfavor me ayudes sii.. me llamo ingrid xfavorr..
te dejo mi msm aregame psss
ingrid_8523@hotmail.com…………………………….gracias
pucha amigo mi hi5 lo malogre puse un codigo para el fondo y ahora solo se eso ps el fondo no se ve ni para actualizar y la foto adsolutamente nadaa kiero k porfavor me ayudes sii.. me llamo ingrid xfavorr..
te dejo mi msm aregame psss
ingrid_8523@hotmail.com…………………………….gracias
amigo te envie otroa antes te dejo mi pagina de hi5 para k lo veas siii y me ayudes xfavorr
http://www.hi5.com/friend/profile/selectSkin.do?skinId=1719848
aaaaa……. no se qe le pasa a mi hi5 porfavor ayudenme lo que pasa es que me meti a una pagina llamada http://www.mygirlyspace.com
pero despues al copiar un codigo de los de un layout de esa pagina …. lo copie en intereses….. en mi hi5 .. gusrde todos los cambios… pero despues de eso mi pantalla del perfil del hi5 simplemente se ve lo de hasta arriba i todo lo demas en blanco… no puedo seleccionar nada como para personalizar mi perfil ni se ve nada…. porfa ayudame…. !
porfavor es urgente!!!!
ayyuuuddaammmee!!ºº
hola quiero ponerle un fondo q sea diferente a los edemas algo xvere ps me pueden ayudar a conseguirlo
me meti a una pag para poner un codigo y cuando guardo la informacion solo se veia como la parte de arriba y mi fondo, pero nd mas y no puedo editar mi perfil ni nd porfiiis ayudenmee!!
Con este aporte del fondo estatico solucione un prblema ocn el que venia lideando desde hace mucho tiempo, MUCHAS GRACIAS!!!!
hola tengo un problema con mi hi5 si me podrian decir como desbloqueo una escuela es que cuando entro acerca de mi editar educación hay una escuela que no me deja eliminarla me aparece un mensaje de ¡Oh.. Oh! No pudimos cumplir con tu solicitud.
como puedo desbloquear la escuela y eleminarla nadamas quiero saber si si lo puedo eliminar a o no gracias espero su respuesta
Adios
hola me llamo manuel esque deseo que en mi hi5 en ves de salir HI5-HHO’S IN ? MICROSOFT INTERNET EXPLORE salga nombre con el que me kiero llamar y deseo tbn crear mi perfil a mi estilo osea no kiero un tapiz sino x ejemplo con llamas tiempo que a estado la persona viendo mi perfil etc
bueno espero que me entiendan y respoda lo mas ante posible
buenas necesito que me ayuden a ediatr el perfli le me ti un codigo muy grande osea como para el myspace y ahora no me sale nada me ayudan
no nadies me ayuda enseri0 es que no me gusta como le puedo kitar ese codigo si no me aparece editar perfil ve!! me ayudn por vaor si kieren les doi mi contra y mi correo y para k que miren y vera
tengo un problema con mi cuenta es que tuve dos pero con el mismo correo no se kmo paso eso.. pero elimine una cuenta y la otra no la puedo abrir y es la princial, es decir es la primera cuenta q abri en el hi5
hola mi nombre es uma y tengo un perfil en mu space y quiero crearle un nuevo fondo de pantalla pero no se como? quisiera que me ayuden en eso. gracias uma
hola amix gracias pude recuperar mi perfil de hi 5 amigos intente abran varias paginas de ese mismo
http://www.hi5.com/friend/account/displayEditProfileCustomization.do si se puede
Gracias por la info, util y facil de aplicar.
¿puede hacerse lo mismo con youtube?
Puedo acer lo mismo en el metroflog?
O dime como ponerle el fondo en Blanco
mira solo deseo q me enseñen como puedo poner un fondo ose q solo aparesca solo arriba en mis datos quisa como el hago esplicate px graciassss
hola mi nombre es danny muchas gracias por el codigo esta muy bueno lo estaba buscando hace mucho tiempo gracias !!!
hola alguien sabe como areglar mi hi5 asi como este que encontre http://fer-ramos.hi5.com pues tiene acceso a messenger y descarga de programas y envio de mensages porfa alguien que me diga como hacerlo ok chekenlo y me dicen please
att. krisia
deseo borrar mi cuenta en el hi5 como debo hacer , lo q pasa es q voy a crear otra pero necesito borrar esa cuenta para volver a comenzar contestenme pronto por favcor
Ola lo que me paso fue en mi hi5 ,que en mis intereses puse un codigo para desaparecer los intereses y resulta que ahora quiero sacar el codigo para poner otras cosas y no puedo por que no aparece donde decia intereses y deseo un codigo para volver a tener mis intereses o algo ayudenme si? lo mas pronto posible graciaz …mi hi5 es http://www.milagrozaone.hi5.com
oigan yo tengo todos los codigos solo tienen q entrar ah :
http://www.hi5.com/friend/profile/displaySameProfile.do?userid=190332174
y veran todos los codigos de hi5
ok bye
HOLA:
CUANDO CREE MI HI5 AL MISMO SE CREARON DOS SIM EMBARGO EL ULTIMO ES EL CONTIENE TODAS MIS ACTUALIZACIONES ETC. POR ERROR EL DIA DE AYER NO RECUERDO O MAS BINE NO SE SI CAMBIE LA DIRECCION DE CORREO O ALGO MAS POR QUE SOLO PUEDO ACCESAR AL HI5 VIEJO EL QUE NO TIENE NADA Y AL QUEME PREOCUPA RECUPERAR NO PUEDO ACCESAR Y ESTOY DESEPERADA.
ALGUIEN ME PODRIA AYUDAR YA QUE SOLO PUEDO ACCESAR A TRAVES DEL HI5 DE MIS AMIGOS CON SU USUARIO PERO OBVIAMENTE NO PUEDO HACER NINGUNA MOFICACION.
muchisimas gracias!! me sirvio un monton para la pagina que estoy haciendo. Saludos
HOLA, POR FAVOR QUISIERA Q ALGUIEN ME AYUDE , TENGO UN PROBLEMA CON EL FONDO DE MI HI5, DE UN DIA PARA OTRO SE CAMBIO EL FONDO Q YO LE HABIA PUESTO Y APARECIO OTRO Q NO SE DE DONDE SALIO Y LO PEOR ES Q CUANDO LO QUIERO CAMBIAR DE NUEVO NO SE PUEDE , YA LO INTENTE TODO, DESDE BAJAR UNO HASTA PONER UNO PREDETERMINADO… PERO NADA!! POR FAVOR EL FONDO Q ESTA AHORA AHI ES HORRIBLEEEE =’(… NO SE SI ALGUIEN ME PUEDE AYUDAR =’(
gracias, gracias, no sabes el alivio que me da poder implementar en mi web este codigo, me ayudo mucho.gracias
ola porfavor ayudenme puse un codigo en mi hi5 para que ya no se vieran mis intereses y los quiero otra ves como le ago??porfa se los agradeseria mucho!!!gracias
Hola mi nombre es Dinaluz y tengo un problema con mi pagina de hi5..no se que hice..pero lo cierto es que cuando abro mi perfil nose ve..solo se ve un fondo pero repetido muchas,muchisimas veces…porfa ayudame..ya no se que hacer…mi correo es linda28_78@hotmail.com gracias por su ayuda.
me puedes ayudar
hola tengo un problema me hachearon el hi5 le cambiaron la clave y la direccion de correo a la cual debe enviar el recordatorio de la contraseña kiero saber como la recupero y como hago para saber kien me lo esta hacien mi correo es luper0987@hotmail.com te agradeceria k me enviaras la rerspuesta
hola tengo un problemota no puedo entrar ami hi5 ME PUEDEN AYUDAR POR FAVOOR.