FONDO DE WEB

moonstar86 · 9 Jul 2008, 19:17 · Solicitar retirada

hola otra vez yo, :wink: tengo problema para poner el fonfo de la pagina web. estoy en index pero en las indicaciones dice que para el color hay que escribirlo en estilos.css, pero lo guardo y cuando regreso a index y le doy preview no sale el fondo de color.

Porque eso sucede, o si lo estoy haciendo mal me dicen por fa, porque esta bien interesante esta informacion.

gracias de antemano :wink:

Luzbelitocreaciones · 9 Jul 2008, 20:07 · Solicitar retirada

Hola Moonstar86

Poné tus códigos acá..capaz que relacionaste mal la hoja de estilo

Suerte

MzStudios · 9 Jul 2008, 21:45 · Solicitar retirada

Pon esto entre el <head></head> de la pagina y me cuentas

<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style>

ya sabes, cambias el color #000000 por el que mas te guste, saludos :wink:

moonstar86 · 10 Jul 2008, 06:28 · Solicitar retirada

gracias por la ayuda pero tengo una pregunta lo puse asi como me dio el ejemplo(cambie el color) pero al darle preview no sale la pagina con color pero siempre tengo que estar en index?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

</style>
</head>
<body>

Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p>

Pagina creada gracias a MI!!!!AI</P>

</body>
</html>

MzStudios · 10 Jul 2008, 06:41 · Solicitar retirada

lo que pasa es que no abriste la etiqueta de style, recuerda que estas definiendo el estilo dentro de la pagina principal

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<html> 
<head> 
<title>Pagina Principal del Ejemplo CCTW</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
<style type="text/css"> 
<!-- 
body { 
   background-color: green; 
} 
--> 
</style>



Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p> 


Pagina creada gracias a MI!!!![url="http://www.ayudainformatica.com"]AI[/url]</P> 

</body> 
</html>[/color][/color]

prueba ahora :wink:

moonstar86 · 10 Jul 2008, 18:08 · Solicitar retirada

gracias ya le pude dar color, me ayudo mucho.

:wink:

moonstar86 · 10 Jul 2008, 19:17 · Solicitar retirada

para insertar la imagen de fondo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<style type="text/css">

</style>

</head>
<body>

Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p>

Pagina creada gracias a MI!!!!AI</P>

</body>
</html>

no se si esta mal

Raulyure · 10 Jul 2008, 22:15 · Solicitar retirada

moonstar86 escribió:para insertar la imagen de fondo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<style type="text/css">

</style>

</head>
<body>

Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p>

Pagina creada gracias a MI!!!!AI</P>

</body>
</html>

no se si esta mal

Hola:
Lamentablemente yo no puedo ayudarle en ello, porque como usted sabe el curso está basado en que uno haga su página con una hoja de estilo en la cual desde allí se le darán las directivas para que esa página no se cargue de estilos y pueda quedar mas "liviana", esa es la base del curso pero si uno pone estilos dentro de la página, entonces la razón de como hacer una web con una hoja de estilo externa quedaría desfazado, por ejemplo si usted desea poner un color de fondo en su página, según el curso lo tendría que hacer desde la hoja de estilo, que para eso está, si por casualidad no le muestra ese color de fondo es única y exclusivamente por que uno habrá cometido algún error en como debió relacionar esa página con la hoja de estilo, o habrá puesto una coma donde debió ir un punto etc. lo mismo sucede con las imágenes de fondo que ponga, ya que para eso se inventaron las hojas de estilo, para que la página no se recargue de códigos, (poner solo lo indispensable en la página) y cuando tenga que verse en la web se cargue lo suficientemente rápido, si usted se basa en el curso para hacer su página, no tendré ningún problema en ayudarle, pero si su deseo es tener los estilos incrustados en su página, lamentablemente yo no estoy de acuerdo ya que entonces significa que no necesita la hoja de estilo en la que se basa el curso.
Saludos

MzStudios · 11 Jul 2008, 00:59 · Solicitar retirada

:shock: :shock: :shock:

veran, cuando dicen que la pagina cargara mas rapido si aplican lo styles desde una hoja de estilos es falso, veran cuando insertan la instruccion:

<Link href="../template20/html/style.css" rel="stylesheet" type="text/css">

le estamos diciendo al navegador que descargue la hoja de estilos al cache del sistema, es decir si la hoja de estilos contiene:

styles.css

BODY {
	SCROLLBAR-FACE-COLOR: #AFACA9; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #E2EDC2; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	Background-color: #ffffff;
}

por ejemplo, es exactamente lo mismo (en tiempo de carga) si incluimos en el <head></head>

BODY {
	SCROLLBAR-FACE-COLOR: #AFACA9; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #E2EDC2; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	Background-color: #ffffff;
}

la unica diferencia es que en el primer caso, el web browser va a descargar 2 archivos pequeños en vez de uno grande...

para que son utiles los stylesheet, una vez que los descarga el cache, en la pagina

index.php
styles.css

y le damos la instruccion para ir digamos a

../Biografia.php

ya no cargara

biografia.php
styles.css

unicamente descaregara el archivo

biografia.php

tambien es util usar un stylesheet para ctualizar todos los estilos del sitio al mismo tiempo, estilos como

background o color de fondo

saludos :wink:

por cierto, respondiendo a tu pregunta moonstar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<html> 
<head> 
<title>Pagina Principal del Ejemplo CCTW</title> 
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
<style type="text/css"> 
<!-- 
body {
	background-color: #B23AEE;
	background-image: url(../objetos/fondo.png);
	background-position: center center;
	background-repeat: repeat;
	height:100%;
} 
--> 
</style> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> 
<body> 



Bienvenidos a mi pagina web. Muy pronto estará lista!!!</p> 


Pagina creada gracias a MI!!!![url="http://www.ayudainformatica.com"]AI[/url]</P> 

</body> 
</html>

mira como escribi la ruta de la imagen, le puse el ../ antes para indicar la raiz del directorio.. saludos :wink: