Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   ASPX (.net) (http://www.forosdelweb.com/f78/)
-   -   Color de fondo (http://www.forosdelweb.com/f78/color-fondo-547000/)

BACH 10/01/2008 10:00

Color de fondo
 
Hola

Como puedo poner en una pagina un fondo con color en degradé?

mdavila 10/01/2008 10:39

Re: Color de fondo
 
Hola, a ver si te doy una mano. Asi es como hago yo ok.

<table style="background-image: url(fondo.gif); border: 0px; width: 100%" ><tr><td style="HEIGHT: 2000px"></td></tr></table>

La imagen fondo.gif esta realizada en photoshop, es de un pixel de ancho y el alto que vos quieras, le haces el degrade deseado y lo pones en modo indexado, luego lo guardas como gif. La imagen no te va a pasar de 2k de tamano ok

Saludos y contame si pudiste.

BACH 10/01/2008 13:48

Re: Color de fondo
 
Ok, entonces toca con una imagen, lo intentare.....aunque. ¿ No es posible usando los colores del vs.net sin necesidad de imagen?

Gracias

xknown 10/01/2008 15:54

Re: Color de fondo
 
Cita:

Iniciado por BACH (Mensaje 2243920)
¿ No es posible usando los colores del vs.net sin necesidad de imagen?

Es posible, podrías usar ténicas similares a este video o una herramienta de este tipo :borracho:, aunque el resultado de cualquiera de esos métodos no te servirá de nada.

Por cierto, sobre el ejemplo que te mostraron: no lo uses tal como está, intenta evitar el uso de css "en línea" y usa los elementos HTML adecuados (Ej. una tabla es para mostrar información tabular).

Saludos

mdavila 10/01/2008 16:42

Re: Color de fondo
 
Vi el video y lo unico que aprendi es que hay gente con mucho tiempo....
Hablando de verdad, yo no me di cuenta como lo deberia de hacer si no es como yo le dije.
Por lo general yo tengo una tabla "padre" por asi decirlo y voy armando la pagina desde ahi.

xKnown: podrias ilustrarnos si fueras tan amable?

erick_arcini 10/01/2008 17:29

Re: Color de fondo
 
Código:

table
{
background-image:url(tuimagen.jpg);
background-repeat:repeat-x;
}


xknown 10/01/2008 17:48

Re: Color de fondo
 
Cita:

Iniciado por mdavila (Mensaje 2244179)
Vi el video y lo unico que aprendi es que hay gente con mucho tiempo....
Hablando de verdad, yo no me di cuenta como lo deberia de hacer si no es como yo le dije.
Por lo general yo tengo una tabla "padre" por asi decirlo y voy armando la pagina desde ahi.

Lo que le dije fue básicamente un consejo sin ninguna mala intención hacia ti, puesto que existen personas que suelen copiar el codigo tal cual está sin darse cuenta de las implicaciones.

El uso de tablas para maquetar un sitio y el abuso de CSS embebido seguramente va hacer más dificil el mantenimiento o cambio de diseño de una página.

Cita:

podrias ilustrarnos si fueras tan amable?
Hmm, no sé si te sirva esto (el uso del elemento body o div son puramente referenciales, pueden ser otros de acuerdo a lo que se quiera hacer):
Código:

/* main.css */
body { background: #0055a6 url(/images/degradado.png) 0 0 repeat-y; }
#main { background: #000 url(/images/otro_degradado.png) 0 0 repeat-y; }

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>foo</title>   
    <link rel="stylesheet" href="main.css" type="text/css" media="screen" />
</head>
<body>
    <div id="main">
       
    </div>
</body>
</html>

Saludos

mdavila 11/01/2008 10:43

Re: Color de fondo
 
xKnown, para nada mal me tome tu respuesta, aca estamos para aprender. por eso me intereso si podias demostrar como lo haces tu y ver si lo que yo practico esta muy mal o no del todo bien entendes...

cada maestro con su librito, pero que el libro no este muy desactualizado jejeje.

un abrazo.

BACH 11/01/2008 11:21

Re: Color de fondo
 
Gracias por los consejos.

Yo tambien uso tablas para diseñar las paginas, y generalmente uso hojas de estilo para facilitar el mantenimiento...

Muchas gracias


La zona horaria es GMT -6. Ahora son las 06:24.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.