Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 10 de 14

Tema: Dreamweaver fondo degradado

  1. #1
    Cereal Killer
    Fecha de ingreso
    Oct 2004
    Mensajes
    3,936
    Gracias (Dadas)
    52
    Gracias (Recibidas)
    201

    Dreamweaver fondo degradado

    Pues que tengo que hacer una página y el fondo tiene que tener un degradado, lo jodido es que tiene tres colores, con el blanco en el centro.

    Yo lo que he hecho es recortar una tira de 1 píxel de alto y ponerlo en propiedades de página como background, repitiéndose en y, pero claro, tiene 1024 de largo y si haces la ventana más grande se ve el cartoon, o sea, que se corta a la derecha.

    Debería quedar así:

    ¿Cómo podría hacerlo? Se me ha ocurrido ponerle de color de fondo el azul de la derecha, igual así no se notaría el corte, pero no sé.
    Miniaturas adjuntas Miniaturas adjuntas Clic en la imagen para ver su versión completa. 
Nombre: WELLCOMEnvg.jpg 
Visitas: 9895 
Tamaño: 99.7 KB 
ID: 117088  

  2. #2
    Cereal Killer
    Fecha de ingreso
    Oct 2004
    Mensajes
    3,936
    Gracias (Dadas)
    52
    Gracias (Recibidas)
    201

    Dreamweaver fondo degradado

    He cambiado el color del fondo al del último píxel del degradado. No queda mal del todo, pero, hay manera de que el degradado se ajuste al tamaño de la ventana/pantalla?
    Miniaturas adjuntas Miniaturas adjuntas Clic en la imagen para ver su versión completa. 
Nombre: 05-11-2009 18-27-59.jpg 
Visitas: 19813 
Tamaño: 26.7 KB 
ID: 117089  

  3. #3
    BlenderAdicto
    Fecha de ingreso
    Dec 2004
    Mensajes
    14,487
    Gracias (Dadas)
    174
    Gracias (Recibidas)
    771

    Dreamweaver fondo degradado

    Hace mucho que no toco html, pero creo recordar que se podía hacer dentro de una tabla, o sea, haciendo que una tabla de una única celda ocupe toda la pantalla.

    Pero ojo, tendrás que probarlo, porque no estoy seguro.

  4. #4
    Usuario Avanzado
    Fecha de ingreso
    Sep 2004
    Mensajes
    124
    Gracias (Dadas)
    5
    Gracias (Recibidas)
    39

    Dreamweaver fondo degradado

    Creo que la única manera es usando una imagen <img con css width/height 100% para que se estire, y ponerla detrás de todo, pero Explorer 6 no suaviza el estiramiento así que, no sé si se vería bien, y de estirarse, volvería la página ligeramente más lenta en iExplorer.

  5. #5
    Cereal Killer
    Fecha de ingreso
    Oct 2004
    Mensajes
    3,936
    Gracias (Dadas)
    52
    Gracias (Recibidas)
    201

    Dreamweaver fondo degradado

    Hace mucho que no toco html, pero creo recordar que se podía hacer dentro de una tabla, o sea, haciendo que una tabla de una única celda ocupe toda la pantalla.

    Pero ojo, tendrás que probarlo, porque no estoy seguro.
    Si, eso había pensado yo también, hacer una tabla y ponerle de tamaño 100%.
    Cita Iniciado por oruramuqo Ver mensaje
    creo que la única manera es usando una imagen <img con css width/height 100% para que se estire, y ponerla detrás de todo, pero Explorer 6 no suaviza el estiramiento así que, no sé si se vería bien, y de estirarse, volvería la página ligeramente más lenta en iExplorer.
    Nada, creo que al final haré lo de poner el color de fondo del último píxel, he hecho una búsqueda en Google (que tiene cojones que ya sale este mensaje el primero) y parece ser que, es lo que se suele hacer, que para otra cosa ya seria javascript. Gracias por la ayuda.

    Lo que me está volviendo loco ahora es hacer que todos los elementos se muevan al maximizar y queden en sus sitio, yo he hecho páginas, pero a mi aire y encima en el Dominance war CS4 han cambiado las cosas, yo usaba tablas y con todo esto de las etiquetas div y los estilos CS me estoy haciendo la picha un lío.

    Yo es que me meto en unos berenjenales, me han dado un.psd con las capas, tiene que quedar tal cual y estoy más perdido que un pulpoide en un garajoide. Lo que hay que hacer por dinero, con lo a gusto que estaría yo viendo el último videotutorial de Gnomon de Ryan Kingsley sobre zspheres2 que me acabo de bajar.

  6. #6
    BlenderAdicto
    Fecha de ingreso
    Dec 2004
    Mensajes
    14,487
    Gracias (Dadas)
    174
    Gracias (Recibidas)
    771

    Dreamweaver fondo degradado

    Yo solo llegue a hacer una página que se escalaba completa (contenido incluido) dependiendo del tamaño de la ventana del navegador y bueno, acabé tan sumamente quemado, que juré que nunca más lo haría.

    Si no es un requisito, móntala con anchura de 1024 centrada y arreando.

  7. Gracias Dexter Agradece este post
  8. #7
    Raz
    Fecha de ingreso
    Apr 2007
    Mensajes
    343
    Gracias (Dadas)
    54
    Gracias (Recibidas)
    72

    Thumbs up Dreamweaver fondo degradado

    Hola Dexter, tu inquietud me llamo la atención así que, me puse a probar una que otra opción, te adjunto el archivo que logre hacer, espero te sirva de algo. Te adjunto la página de dónde tome el ejemplo. http://www.dynamicdrive.com/forums/s...ad.php?t=35488 saludos.
    Archivos adjuntados Archivos adjuntados

  9. Gracias Dexter Agradece este post
  10. #8
    Cereal Killer
    Fecha de ingreso
    Oct 2004
    Mensajes
    3,936
    Gracias (Dadas)
    52
    Gracias (Recibidas)
    201

    Dreamweaver fondo degradado

    Si Aedozea, eso es, lo he probado y me funciona bien, lo que pasa es que, ahora cada vez que clico en el fondo se me pone delante y me tapa los otros divs, en la vista previa sale bien, pero es un coñazo, me estoy volviendo loco con esto de las etiquetas di, v, estoy intentando hacerlo así en lugar de con tablas, coloco los elementos, pero se quedan fijos, si pongo la posición en % se mueven, pero lo veo tan poco preciso, definitivamente no entiendo esto de los estilos CS, y eso que hace unos meses hice un cursillo de Dominance war y en su momento lo comprendi, no debió interesarme mucho porque ya no me acuerdo.

    Es algo tan sencillo como montar esto.



    Si lo hago con tablas consigo que el contenido se mantenga en el centro de la página, que se alinee según redimensionas la ventana, pero no atino a hacer que cada elemento se este en su sitio, si lo hago con divs puedo colocarlos donde quiera, pero a ojo y no logro que cada cosa se quede en su sitio.

    Caronte, es que no encuentro donde ajustar la resolución de la página, yo creo recordar que el Dominance war antes te permitía especificarla (800 por 600.1024x768 etc) pero ahora no lo veo, abajo me salen unas dimensiones, pero cuando despliego el menú las otras dimensiones me salen en gris.

    En fin, lo dicho, que me meto en unos berenjenales, y se supone que tenía que presentarles algo mañana.
    Miniaturas adjuntas Miniaturas adjuntas Clic en la imagen para ver su versión completa. 
Nombre: WELLCOMEnvg.jpg 
Visitas: 7351 
Tamaño: 202.3 KB 
ID: 117097   Clic en la imagen para ver su versión completa. 
Nombre: HOMEnvg.jpg 
Visitas: 9319 
Tamaño: 199.2 KB 
ID: 117098  

  11. #9
    Usuario Avanzado
    Fecha de ingreso
    Sep 2004
    Mensajes
    124
    Gracias (Dadas)
    5
    Gracias (Recibidas)
    39

    Dreamweaver fondo degradado

    Si quieres alinear divs al centro de la página usas css con Margin:0px auto. Por ejemploe.

    Div style=Margin:0px auto;width:700px>centro</div>.

    Donde 700px es el ancho del contenido que va alineado al centro.

    También tienes cosas como position:absolute dentro de un position:relative.

    Así un objecto podrá posicionarse relativo a otro:
    Div style=position:relative;padding:4px 0px>logotipo.

    Div style=position:absolute;right:5px;bottom:5px>965.x x.xx.xx</div>.
    /div>.

    Y también están los float:left float:rigtht.

    En tu caso la página parece dividires en 3 secciones principales.
    [html].
    style type=text/css>.

    Html, body{ twidth:100%, theight:100%;.
    }.
    /style>.
    body style=position:relative;padding:0px;Margin:0px;hei ght:100%;text-align:center>.

    Div style=background-color:#f60;height:100%;position:absolute;top:0px;l eft:0px;width:50%></div>.

    Div style=background-color:#0f0;height:100%;position:absolute;top:0px;r ight:0px;width:50%></div>.

    Div style=width:100%;height:100%;position:absolute;lef t:0px;top:0px;background-image:url(barra, png),background-repeat:repeat-y;background-position:center;></div> t<div id=Header style=text-align:center;position:relative;padding:15px 0px;width:700px;height:50px;Margin:0px auto> <img src=screen.jpg height=50 width=200 /> <div style=position:absolute;right:10px;bottom:10px>955 .xxx.x.x.x.x.</div> t</div> t<div id=screen style=height:300px;Margin:0px auto;width:700px;position:relative;border:1px solid black>screen <div style=position:absolute;right:20px;bottom:10px> <ul style=list-style:none> <li style=float:left;><a href=# style=padding:0px 10px>descargas</a></li> <li style=float:left;><a href=# style=padding:0px 10px>contacto</a></li> </ul> </div> t</div> t<div id=footer style=Margin:0px auto;width:700px>llamenos desde su operador.</div>.
    /body>.
    [/html].

    En este ejemplo el background no se estira solo se usan colores planos usndo 2 divs para darle ese color plano, (no sé si hay una mejor manera).

    Funciona en ie5.5+> internet explorer 8 Firefox opera Chrome.

    Estoy usando inline styles, pero lo ideal es poner todos los styles juntos y luego sacarlos a un archivo.css.
    estoy usando tu background.

  12. Gracias Dexter Agradece este post
  13. #10
    Raz
    Fecha de ingreso
    Apr 2007
    Mensajes
    343
    Gracias (Dadas)
    54
    Gracias (Recibidas)
    72

    Thumbs up Dreamweaver fondo degradado

    Cita Iniciado por oruramuqo Ver mensaje
    .
    estoy usando tu background.
    N_n, np hermano, hoy aprendí algo más, gracias. Y Dexter espero que hayas encontrado una solución. Saludos.

Página 1 de 2 12 ÚltimoÚltimo

Temas similares

  1. Adobe Photoshop Degradado a la imagen
    Por eli en el foro Peticiones y Búsquedas
    Respuestas: 4
    Último mensaje: 09-09-2009, 11:35
  2. Adobe Photoshop Problema con degradado
    Por reconditum en el foro Discusiones generales
    Respuestas: 0
    Último mensaje: 31-07-2009, 18:40
  3. Un background degradado
    Por PipeRock en el foro Render, Iluminación y Cámaras
    Respuestas: 1
    Último mensaje: 13-03-2009, 19:19
  4. Horizonte degradado
    Por erixel en el foro Materiales y Texturizado
    Respuestas: 8
    Último mensaje: 12-08-2008, 11:49
  5. Sonido de fondo en Dreamweaver
    Por liberado en el foro Problemas con Programas
    Respuestas: 4
    Último mensaje: 15-06-2006, 16:42