Foros del Web » Creando para Internet » Herramientas y Software »

Degradado en fondo celda

Estas en el tema de Degradado en fondo celda en el foro de Herramientas y Software en Foros del Web. Se puede meter en dreamweaver a una celda un fondo degradado, me refiero a meter dos colores y que haya un degradado, no una imagen...
  #1 (permalink)  
Antiguo 02/11/2004, 10:20
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
Degradado en fondo celda

Se puede meter en dreamweaver a una celda un fondo degradado, me refiero a meter dos colores y que haya un degradado, no una imagen
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #2 (permalink)  
Antiguo 02/11/2004, 10:33
Avatar de oenriqueg  
Fecha de Ingreso: noviembre-2003
Ubicación: Ciudad de México
Mensajes: 485
Antigüedad: 20 años, 5 meses
Puntos: 1
Que yo sepa, NO ;)

Nos vemoX...
__________________
bytes.
  #3 (permalink)  
Antiguo 02/11/2004, 10:46
 
Fecha de Ingreso: junio-2004
Mensajes: 621
Antigüedad: 19 años, 11 meses
Puntos: 25
El HTML no permite un degradado.
Pero puedes hacer un degradado en una imagen y ponérselo como fondo de celda...
Aunque eso no es una solución muy buena.

Un saludo de,
eContento
http://www.fotoMadrid.com
http://e-Contento.com
__________________
eContento
- Mis artículos y tutoriales
- Mis jsfiddles
  #4 (permalink)  
Antiguo 02/11/2004, 13:26
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
buff, entonces mi web pesará mucho
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #5 (permalink)  
Antiguo 03/11/2004, 14:56
 
Fecha de Ingreso: febrero-2004
Ubicación: Lima - Peru
Mensajes: 91
Antigüedad: 20 años, 2 meses
Puntos: 0
tu degradado de fondo podria ir con una resolucion de 72 o 50 para que no pese mucho.
  #6 (permalink)  
Antiguo 03/11/2004, 15:06
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
pero alguien me puede pasar un ejemplo de como hacerlo???
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #7 (permalink)  
Antiguo 03/11/2004, 19:47
Avatar de Khronos  
Fecha de Ingreso: agosto-2004
Ubicación: Venezuela, PLC
Mensajes: 218
Antigüedad: 19 años, 8 meses
Puntos: 0
Filtros DirectX

Hay una forma de hacer degrades sobre un color de fondo dentro de una celda, pero para ello tienes que usar CSS y filtros de DirectX.

Te explico.

Lo primero que debes hacer es crear una CSS, de preferencia externa, pero por supuesto enlazada con la página.

Dentro de esa CSS, creas un estilo con el nombre que quieras y ahí comenzarás a asignar las variables necesarias para ejecutar el filtro DirectX.

Te pongo un ejemplo, el cual proviene de una de mis webs:

#tdRightContentIndexI {
filter: progid:DXImageTransform.Microsoft.gradient(enabled ='true',gradientType=0,startColorStr=#356798,endCo lorStr=#9ab6e8);
height: 20px;
}


La variable startColorStr es para asignar el color con el que se inicia el degrade y la variable endColorStr es para indicar el color final. Luego el mismo filtro DirectX se encarga de hacer el trabajo.

El gradientType, si mal no recuerdo puede tomar valores desde 0 hasta 3.

Al respecto del tema, te dejo algunos enlaces relativos al uso del filtro de degrades de DirectX:

http://www.forosdelweb.com/s/msg224472.html

http://msdn.microsoft.com/library/de...s/gradient.asp

http://www.scriptfx.com/transitions/...ent_filter.htm

http://www.web-source.net/html_background_gradient.htm

La única desventaja de los filtros DirectX, es que sólo son compatibles para Internet Explorer, es decir, si en la web donde los usaste, entra un usuario con Firefox u Opera, éste no podrá ver los efectos del degrade en los fondos, por lo cual es ideal que dentro del mismo estilo CSS donde asignes el degrade, adicionalmente coloque un color de background para el caso de usuarios con navegadores distintos al IE. Ejemplo:

.tdSoftSubs {
padding: 5px 5px 2px 5px;
height: 15px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled ='true',gradientType=0,startColorStr=#ffffff,endCo lorStr=#6689a7);
background-color: #7f9ebd;
color: #000000;
font-weight: bold;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


En fin espero que esto te pueda servir… Suerte!
__________________
When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury.
  #8 (permalink)  
Antiguo 04/11/2004, 01:56
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
bufff, demasiado lío, nadie me puede mandar un ejemplo de lo de la imagen a [email protected] ?????
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #9 (permalink)  
Antiguo 04/11/2004, 05:12
 
Fecha de Ingreso: noviembre-2004
Mensajes: 371
Antigüedad: 19 años, 6 meses
Puntos: 0
jajajajaja que desagradecido... yo no sabia sobre este tema y no entendia eso de los estilos css y ahora se me aclara un poco la cosa, si bien se ve bien complicado, me gustaria saber que otros usos tiene.

te estan ayudando y te regodeas de esa manera... no puede ser
  #10 (permalink)  
Antiguo 05/11/2004, 00:19
Avatar de Khronos  
Fecha de Ingreso: agosto-2004
Ubicación: Venezuela, PLC
Mensajes: 218
Antigüedad: 19 años, 8 meses
Puntos: 0
Cita:
Iniciado por Sette
bufff, demasiado lío, nadie me puede mandar un ejemplo de lo de la imagen a [email protected] ?????
ESO SE LLAMA "NO TENER GANAS DE APRENDER Y ESPERAR CONSEGUIR TODO FÁCIL"

Igual no hay problema, si a alguien le sirve lo que expliqué, entonces me doy por satisfecho
__________________
When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury.
  #11 (permalink)  
Antiguo 05/11/2004, 02:27
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
okok, no se preocupen, no hace falta que me lo digan, ya buscaré por mi cuenta por internet, pensaba que aquí me ayudarían
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #12 (permalink)  
Antiguo 11/11/2004, 12:23
Avatar de oliver2hd  
Fecha de Ingreso: noviembre-2004
Mensajes: 10
Antigüedad: 19 años, 5 meses
Puntos: 0
Claro que puedes meter un degradado al fondo de una tabla.

Lo peudes hacer desde photoshop de 1 x 1 pixeles y no pesa nada nadita.

Soy web desigenr si necesiats ayuda contactamé.

[email protected]
www.yovirtual.com.mx

Saludos
  #13 (permalink)  
Antiguo 11/11/2004, 22:31
n2h
 
Fecha de Ingreso: octubre-2004
Mensajes: 163
Antigüedad: 19 años, 6 meses
Puntos: 0
Un degrade utilizando una imagen de 1 x 1 px?!?! podrias por favor demostrame eso?! O.O
  #14 (permalink)  
Antiguo 12/11/2004, 04:35
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
para ser un webdesigner, has dicho una gran burradita no?
__________________
diseño y programación
http://www.manucastro.es
[email protected]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:17.