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

Fondo Pantalla Completa

Estas en el tema de Fondo Pantalla Completa en el foro de Diseño web en Foros del Web. Actualmente tengo una resolución de 1680 x 1050 y con bastante frecuencia veo páginas centradas y como que tuvieran otra "por detrás" que cubriera el ...
  #1 (permalink)  
Antiguo 18/07/2009, 14:54
Avatar de cmarti  
Fecha de Ingreso: noviembre-2003
Ubicación: Buenos Aires - Argentina
Mensajes: 442
Antigüedad: 20 años, 4 meses
Puntos: 1
Fondo Pantalla Completa

Actualmente tengo una resolución de 1680 x 1050 y con bastante frecuencia veo páginas centradas y como que tuvieran otra "por detrás" que cubriera el resto de la resolución de mi monitor. En esta página : Libros Gratis doy un acercamiento a lo que me gustaría entender pero el que sigue me parece El ejemplo más concreto para expresar mi necesidad.

Me olvidaba. Otro caso más concreto La Página de MSN

Cómo se hace? Se crea la index con una tabla al 100% y dentro de ella otra pixelada (por ejemplo de no mas de 1050 px de acho?

Gs.
__________________
When all else is lost the future still remains.

Última edición por cmarti; 18/07/2009 a las 14:58 Razón: Encontré un dato mejor para aportar
  #2 (permalink)  
Antiguo 18/07/2009, 19:34
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 6 meses
Puntos: 188
Respuesta: Fondo Pantalla Completa

lol.

Amigo no se entiende.

Bueno creo saber a lo que te refieres.

Quieres centrar el contenido de tu web y colocar una imagen del fondo.


haber

Código HTML:
<html>
<head>
<title> Tu titulo </title>
<style>
body {
background-image:url('http://dominio.com/imagen.jpg');
background-attachment:fixed;
background-repeat:repeat-x;
}
</style>
</head>
<body>
<div align="center">
El contenido que quieres mostrar al centro.
</div>
</body>
</html> 
Que tal si en lugar de preguntar ese tipo de cosas en el foro descargas el dreamweaver para que conoscas el HTML amigo.

Lo puedes descargar desde www.adobe.com

En google encuentras buenos manuales para aprender a usar dreamweaver.

Saludos amigo! =)
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #3 (permalink)  
Antiguo 19/07/2009, 13:30
Avatar de cmarti  
Fecha de Ingreso: noviembre-2003
Ubicación: Buenos Aires - Argentina
Mensajes: 442
Antigüedad: 20 años, 4 meses
Puntos: 1
Respuesta: Fondo Pantalla Completa

Estimado.
No me hace falta instalar absolutamente nada de hecho ya lo tengo instalado.

Sugerir la instalación de DW hubiese sido acertado si mi pregunta hubiese sido por ej,... me gustaría comenzar con el desarrollo web. Qué pgma. me recomiendan?

Como verás mi pregunta no fué esa.

El ejemplo que tú gentilmente acompañas se basa EN UNA SOLA PÁGINA WEB y lo que yo estoy preguntando sugiere una supuesta página ppal que toma toda la resolución del monitor (en este caso mayor al tamaño de la página centrada) más una segunda página (la centrada) que obviamente está pixelada. Es como si tuvieras la index.html a un 100% y una segunda metida obviamente en una tabla pero pixelada a (p ej) 1024 px.

Te pido le heches un vistado a los enlaces que acompañé en mi anterior post y con seguridad entenderás mejor el ejemplo.

De más está decir que si la página que estás observando (mis enlaces) posee la misma resolución de tu monitor, mi ejemplo no servirá de nada. Por el contrario si posees una resolución mayor a los 1024 pixeles, podrás notar perfectamente lo que quiero preguntar.

Desde ya, muchas gracias por tu tiempo
__________________
When all else is lost the future still remains.

Última edición por cmarti; 19/07/2009 a las 13:36
  #4 (permalink)  
Antiguo 19/07/2009, 15:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Fondo Pantalla Completa

Hola Cmarti
Los dos ejemplos primeros son la "típica" página de anchura fija, con un fondo para el body que se repite en x (el segundo caso) y centradas horizontalmente respecto al navegador.
En el primer caso, añade una cabecera con imagen propia para el fondo y los contenidos centrados iguálmente.

En un vistazo rápido no he encontrado otra particularidad (respecto a su apariencia).
Visto en 1280px de anchura.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 19/07/2009, 19:03
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 6 meses
Puntos: 188
Respuesta: Fondo Pantalla Completa

Hola amigo,

No encuentro tu duda , estoy viendo con resolucion 1280

mmm

Lo siento no entiendo q es lo q no has podido lograr he visto los enlaces y no... comprendo. estas seguro que entiendes el ejemplo que di? Si sabes que es una hoja de estilo CSS y que puedes insertarla en todas las paginas que deces y asignar los valores <style> a cada una??

mmm ya volvi a leer y ha observar los ejemplos y sigo sin entender...

Mejor dime que ejemplo quieres obtener y te desarrollo el codigo, luego tu lo lees y buscas q es a lo que te referias.

Saludos!
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #6 (permalink)  
Antiguo 20/07/2009, 00:52
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 15 años, 3 meses
Puntos: 21
Respuesta: Fondo Pantalla Completa

yo tampoco entiendo lo que queres hacer...veamos...

http://www.morpheuslights.com/

Que tiene de especial? una div centrada (el contenedor) y una imagen de background puesta, seguramente de la misma forma que te explico 'New' mas arriba...

La pagina de msn? ps, lo mismo...

La primera pagina que mostraste?.... una div (header) con width: 100%; y el resto otra div tipo 'contenedor' que contenga el resto de la pagina.... un background solido puesta como ya explico New...
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 12:45.