Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 9 de 9

Tema: Como colorear mi web con colores degradados?

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    14 mar, 12
    Ubicación
    Mataró
    Mensajes
    16
    Poder de Reputación
    4

    Como colorear mi web con colores degradados?

    Hola amigos, me gustaría saber como puedo conseguir efectos de colorido degradado para mi web.
    Saludos a todos y gracias

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de spitfire2
    Fecha de Ingreso
    04 sep, 10
    Ubicación
    ARGENTINA...!!!
    Mensajes
    750
    Poder de Reputación
    10
    eso se hace poniendo una imagen de fondo a un div o al body de tu web, primero creas la imagen con el degradado y luego se la aplicas de fondo en donde quieres crear el efecto, en el curso con divs de cctw dice como poner imagenes de fondo.
    Última edición por spitfire2; 01/04/2012 a las 22:03

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    14 mar, 12
    Ubicación
    Mataró
    Mensajes
    16
    Poder de Reputación
    4
    Quizá no me he explicado bien, perdonad. Pero mi duda es como crear la imágen con el degradado. Hay algúna manera de hacerlo?

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de ricky
    Fecha de Ingreso
    17 jul, 10
    Ubicación
    Pais: Colombia!!!
    Mensajes
    391
    Poder de Reputación
    8
    Claro que hay, con un programa de diseño como photoshop o gimp, o buscando rapido en san google encontre este sitio , o planteate tambien hacerlo en css3.
    "El Hombre en su enorme orgullo creo a un Dios a imagen y semejanza suya"


    (Pregunta bien en el foro:Thread)

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    14 mar, 12
    Ubicación
    Mataró
    Mensajes
    16
    Poder de Reputación
    4
    Gracias, ricky, lo pruebo y te digo algo.

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    9
    Habia un js.. para IE, que es lo que te hacia... busco mas y te lo digo ok?
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  7. #7
    Me va gustando esto... Habitante Avatar de jacob
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    185
    Poder de Reputación
    5
    si yo lo e hecho con photoshop le e dado una resolucion grande y desppues la e puesto en la web como fondo fijo
    en hoja de estilos le debes poner " background-attachment:fixed"

  8. #8
    Me va gustando esto... Habitante Avatar de jacob
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    185
    Poder de Reputación
    5
    o si lo quieres haces el degradado en photoshop cambias el tamaño de la imagen a 1px por 2500px y el degradado cambiara conforme bajes o subas por la pagina
    para gustos colores un saludo

  9. #9
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    9
    Aqui está! Es para firefox, el de IE no lo he encontrado, pero bueno, es esto:
    Al fondo (Que seguramente sea el body) En el css añades:
    Código:
     background: -webkit-linear-gradient(color1, color2); background: -moz-linear-gradient(color1, color2); background: -o-linear-gradient(color1, color2);
    Donde color1 y color2, colocas el nombre en ingles del color inicial, y del color secundario. Esto sirve para hcer degradados lineales (Empieza en un color, y acaba en otro)
    La primera es para web-kit, la segunda para firefox, y la tercera para opera.
    Se espera que en IE sea algo como
    background: linear-gradient(color1, color2);
    Y que este se haga el definitivo, pero hasta entonces, hay que poner los demas, y IE no lo soportará (Ya sabemos como son los chicos de Microsoft, no lo van a meter almenos hasta IE 15 :P )

    Fuente: Desarrolloweb


    Suerte :)
    Última edición por Rabs; 03/04/2012 a las 07:52
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

Temas Similares

  1. Como colorear con Photoshop un dibujo (Tutorial)
    Por Mino-Tofiraxkh en el foro Photoshop
    Respuestas: 3
    Último Mensaje: 03/06/2010, 23:07
  2. ¿Cómo colorear márgenes?
    Por jimmy_jazz en el foro Foro General
    Respuestas: 2
    Último Mensaje: 02/02/2009, 15:02
  3. Degradados
    Por thedavis69k en el foro Todo sobre Estilos CSS
    Respuestas: 2
    Último Mensaje: 09/03/2008, 16:28

Permisos de Publicación

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