+ Responder Tema
Resultados 1 al 6 de 6

Tema: Como colocar un color de fondo a la página, no a las capas

  1. #1
    Recien Llegado! Habitante jonoxx Está en el buen camino
    Fecha de Ingreso
    31 may, 10
    Mensajes
    25
    Poder de Reputación
    3

    Como colocar un color de fondo a la página, no a las capas

    Bueno primero decir que su curso es excelente y lo acabo de terminar, espero graduarme con honores de este curso :D. En verdad aun seguiré viendo todo de la página para guiarme siempre.

    Bueno mi duda es en colocarle un color de fondo a la pagina en si, no a las capas. Por ejemplo la página CCTW tiene un color de fondo degradable de azul, eso quiero lograr yo en mi página, ya que las capas salen de colores y todo bien, pero el resto es blanco, y se ve feito, me gustaría arreglarlo.

    Bueno muchas gracias

  2. #2
    Esto empieza a ser un vicio... Habitante fernando mendoza Está en el buen camino
    Fecha de Ingreso
    05 feb, 09
    Ubicación
    Caracas Venezuela
    Mensajes
    520
    Poder de Reputación
    7

    color de fondo en pagina

    hola jonoxx en la hoja de estilo agrega esto en el body:

    body {text-align: center ; background-color: aqui el color que quieras}
    saludos.

  3. #3
    Recien Llegado! Habitante jonoxx Está en el buen camino
    Fecha de Ingreso
    31 may, 10
    Mensajes
    25
    Poder de Reputación
    3
    muchas gracias :D

  4. #4
    Recien Llegado! Merodeador julio el papi1000 Está en el buen camino
    Fecha de Ingreso
    25 jun, 10
    Ubicación
    republica dominicana
    Mensajes
    6
    Poder de Reputación
    0

    Re: color de fondo en pagina

    Cita Iniciado por fernando mendoza
    hola jonoxx en la hoja de estilo agrega esto en el body:

    body {text-align: center ; background-color: aqui el color que quieras}
    saludos.
    hola quiero que me explique eso mas despacio

    <html
    <heard>
    <title>pajina principal del ejemplo cctw</title>
    <link rel="stylesheet" href=estilos.css" type="text/css"media="all">
    </heard>
    <bady>

    quiero que me digan donde yo puedo o el codigo como lo de introducir o inseptar un color de fondo

  5. #5
    Esto empieza a ser un vicio... Habitante Raulyure Está en el buen camino
    Fecha de Ingreso
    16 feb, 08
    Ubicación
    Estella-Spain
    Mensajes
    2,249
    Poder de Reputación
    18

    Re: color de fondo en pagina

    Cita Iniciado por julio el papi1000
    Cita Iniciado por fernando mendoza
    hola jonoxx en la hoja de estilo agrega esto en el body:

    body {text-align: center ; background-color: aqui el color que quieras}
    saludos.
    hola quiero que me explique eso mas despacio

    <html
    <heard>
    <title>pajina principal del ejemplo cctw</title>
    <link rel="stylesheet" href=estilos.css" type="text/css"media="all">
    </heard>
    <bady>

    quiero que me digan donde yo puedo o el codigo como lo de introducir o inseptar un color de fondo
    Hola:
    Con el permiso de Fernando, le haré unas pequeñas sugerencias.
    Primero.- Usted tiene una pagina que se llama por ejemplo plantilla.html.
    Esa página se compone de etiquetas que abren, y luego se cierran.
    segundo.- Para que esa página llamada plantilla.html tenga color de fondo o alguna capa que usted haya creado, también tenga color de fondo etc. etc. etc.. Es para eso que se crea una hoja de estilo a la que llamamos estilo-general.css.

    En esa hoja de estilo genral se le dan las directivas de como uno quiere que se muestre esa página plantilla.
    Bien.
    Esa pagina se compone de , vamos a decir tres cuerpos principales
    Uno es el que le llamamos <html>----</html>
    Ese es el cuerpo que contiene a todo lo demás.
    Dentro de ese cuerpo html
    está uno que se llama <head>----</head>

    Dentro de ese head, van algunas directivas que le sirven a los navegadores para saber de que trata la página.
    Lo que pone allí dentro de ese cuerpo head no se suele visualizar en la pantalla excepto lo que va entre la etiqueta <title> y </title>.

    Luego vien el otro cuerpo, ese se llama body.
    Sus etiquetas serían <body> y </body>.

    Bien.
    El body podríamos decir que es la parte visible de su página, (todo lo que ponga allí, es lo que se verá en su pantalla)
    Por tanto, el body diríamos que es toda su pantalla del monitor.
    Ahora, si su monitor mide de ancho por ejemplo, 1260 píxeles, entonces su body mide 1260 píxeles de ancho.
    Pero usted dentro del body hace por ejemplo una capa.

    Pues a esa capa usted le pone por nombre global

    Y a esa capa usted le da una medida de ancho de 800 píxeles.
    Por tanto, esa capa global que mide de ancho 800px la pndrá centrada dentro del body (que es toda su pantalla)
    Pero ahora usted quiere ponerle al body un color de fondo y a la capa global también un color de fondo.
    entonces es cuando se va a la hoja de estilo general y donde están las directivas para el body, es allí donde se le pone el color de fondo que uno quiere para el body

    Imagine que usted quiere que el body (el cuerpo de la web) (toda su pantalla) tenga un color de fondo negro.

    Pues en la hoja de estilo , allí donde dice
    body{text-align:center; etc. etc.;
    pone usted a continuación lo siguiente:
    body{text-align:center;background-color:#000000;}

    Y si usted quiere que esa capa global tenga un color de fondo amarillo, puede ir a esa capa global y poner a continuación de las otras directivas que tiene allí esa capa global, lo siguiente:
    #global{width:800px;margin:4px auto;background-color:yellow;}

    Entonces, cuando haga la vista previa, usted verá que la capa global que está dentro del body tiene 800px de ancho, está centrada, y tiene colo de fondo amarillo.
    Y verá que al lado izquierdo, tiene más o menos una franja de color negro de unos 230 px de ancho y por la derecha otra franja de unos 230 px de ancho de color negro, ¿Porqué?

    Porque eso negro es su body que al centro tiene una capa de color amarillo.

    Y como esa capa global mide de ancho 800px pues por la izquierda le sobran unos 230px y por la derecha otros 230 px.
    Ya que su monitor mide de ancho 1260 px

    espero que le sirva.

    Saludos
    Agradecido de los que aprenden enseñando

  6. #6
    Recien Llegado! Merodeador caramabelle Está en el buen camino
    Fecha de Ingreso
    17 nov, 10
    Ubicación
    beyond the sea
    Mensajes
    4
    Poder de Reputación
    0
    gracias, me ha sido muy util la explicacion detallada.
    SOY PRINCIPIANTE Y ESTOY UN POCO PERDIDA....:)

+ Responder Tema

Temas Similares

  1. como colocar un color en degrade
    Por jonoxx en el foro Todo sobre Estilos CSS
    Respuestas: 1
    Último Mensaje: 14/06/2010, 05:59
  2. colocar color al fondo de un sitio web
    Por riko en el foro Cuarentena - Papelera
    Respuestas: 1
    Último Mensaje: 02/01/1970, 10:23

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes