Hola Marc: yo me quedaría con las imágenes (no dependes de Flash, JS...), pero haría una imagen para cada título en lugar de un sprite. Si no, efectivamente, te puedes volver loco para mantenerlo. Así a lo mejor puedes incluso automatizarlo. Además, si tienes muchas páginas, mejor que el usuario sólo cargue el título de las que visita. No se suelen visitar todas. Saludos, Ignacio
> Envíe los mensajes para la lista Ovillo a > ovillo@lists.ovillo.org > > Para subscribirse o anular su subscripción a través de la WEB > http://lists.ovillo.org/mailman/listinfo/ovillo > > O por correo electrónico, enviando un mensaje con el texto "help" en > el asunto (subject) o en el cuerpo a: > ovillo-requ...@lists.ovillo.org > > Puede contactar con el responsable de la lista escribiendo a: > ovillo-ow...@lists.ovillo.org > > Si responde a algún contenido de este mensaje, por favor, edite la > linea del asunto (subject) para que el texto sea mas especifico que: > "Re: Contents of Ovillo digest...". Además, por favor, incluya en la > respuesta sólo aquellas partes del mensaje a las que está > respondiendo. > > > Asuntos del día: > > 1. [OT] Texto con degradado (Marc Palau) > 2. Re: [OT] Texto con degradado (Martin Etxauri) > 3. Re: [OT] Texto con degradado (Marc Palau) > 4. Re: [OT] Texto con degradado (Martin Etxauri) > 5. Re: [OT] Texto con degradado (Marc Palau) > > > ---------------------------------------------------------------------- > > Message: 1 > Date: Mon, 19 Jul 2010 12:06:28 +0200 > From: Marc Palau <m...@palaueb.com> > Subject: [Ovillo] [OT] Texto con degradado > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Message-ID: <4c4423a4.5020...@palaueb.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > Hola colisteros. > > Hoy me toca realizar una consulta, la cual tengo un poco clara a mi > manera pero igualmente os la quiero exponer para ver que pensáis al > respecto y que habéis hecho vosotros cuando os ha tocado lidiar con este > problema. > > Tengo unos títulos con el texto degradado (osea, el texto tiene una > textura que es un degradado). > > He estado revisando varias opciones: > > - sIFR > - Cufón > - Imágenes de sustitución de titulos. > - Typekit > > Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: > > - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya que > el flash me lo monto yo) y facilmente sustituible mediante jQuery. > - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. > Sumando que hay descarga de fuente > y en ese mundo de la distribución de fuentes me pierdo. No lo he usado > y desconozco el nivel de compatibilidad que tiene. > - Imágenes: Pues una imágen para cada título. Practico, funciona y con > un ficherito de sprite los metes todos y una vez cargado ya lo tienes > para toda la página. Mantenimiento xungo, me veo con las ojeras > generando una y otra vez el dichoso ficherito de imágenes. > - Typekit: No me deja meter textura degradada en el texto. > > Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco > más :-P > > gracias gracias > un saludo > Marc > > > ------------------------------ > > Message: 2 > Date: Mon, 19 Jul 2010 12:13:10 +0200 > From: Martin Etxauri <t...@eragin.com> > Subject: Re: [Ovillo] [OT] Texto con degradado > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Message-ID: <cad137c2-832f-4e5b-8982-339c7cd5d...@eragin.com> > Content-Type: text/plain; charset=iso-8859-1 > > aupa > > Seguro que cualquiera de las maneras que comentas es mejor, pero solo por > si acaso, está la manera de dejar el texto tal cual y ponerle por encima > un png con un degradado de color de fondo a transparente. > > es cutrillo, pero en cuanto a recursos es solo un png para todos y en > cuanto a estructura parecido a la imagen de sustitución con la ventaja de > que el texto sigue siendo texto. > > saludos > > El 19/07/2010, a las 12:06, Marc Palau escribió: > >> Hola colisteros. >> >> Hoy me toca realizar una consulta, la cual tengo un poco clara a mi >> manera pero igualmente os la quiero exponer para ver que pensáis al >> respecto y que habéis hecho vosotros cuando os ha tocado lidiar con este >> problema. >> >> Tengo unos títulos con el texto degradado (osea, el texto tiene una >> textura que es un degradado). >> >> He estado revisando varias opciones: >> >> - sIFR >> - Cufón >> - Imágenes de sustitución de titulos. >> - Typekit >> >> Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: >> >> - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya que >> el flash me lo monto yo) y facilmente sustituible mediante jQuery. >> - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. >> Sumando que hay descarga de fuente >> y en ese mundo de la distribución de fuentes me pierdo. No lo he usado >> y desconozco el nivel de compatibilidad que tiene. >> - Imágenes: Pues una imágen para cada título. Practico, funciona y con >> un ficherito de sprite los metes todos y una vez cargado ya lo tienes >> para toda la página. Mantenimiento xungo, me veo con las ojeras >> generando una y otra vez el dichoso ficherito de imágenes. >> - Typekit: No me deja meter textura degradada en el texto. >> >> Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco >> más :-P >> >> gracias gracias >> un saludo >> Marc >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > ------------------------------ > > Message: 3 > Date: Mon, 19 Jul 2010 12:20:48 +0200 > From: Marc Palau <m...@palaueb.com> > Subject: Re: [Ovillo] [OT] Texto con degradado > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Message-ID: <4c442700.7040...@palaueb.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > Pero lo que necesito con degradado es el texto, no el fondo del texto. > Es que no se como describirlo. El relleno del texto tiene que ser un > degradado :) eah! > > un abrazo > Marc > > En/na Martin Etxauri ha escrit: >> aupa >> >> Seguro que cualquiera de las maneras que comentas es mejor, pero solo >> por si acaso, está la manera de dejar el texto tal cual y ponerle por >> encima un png con un degradado de color de fondo a transparente. >> >> es cutrillo, pero en cuanto a recursos es solo un png para todos y en >> cuanto a estructura parecido a la imagen de sustitución con la ventaja >> de que el texto sigue siendo texto. >> >> saludos >> >> El 19/07/2010, a las 12:06, Marc Palau escribió: >> >> >>> Hola colisteros. >>> >>> Hoy me toca realizar una consulta, la cual tengo un poco clara a mi >>> manera pero igualmente os la quiero exponer para ver que pensáis al >>> respecto y que habéis hecho vosotros cuando os ha tocado lidiar con >>> este >>> problema. >>> >>> Tengo unos títulos con el texto degradado (osea, el texto tiene una >>> textura que es un degradado). >>> >>> He estado revisando varias opciones: >>> >>> - sIFR >>> - Cufón >>> - Imágenes de sustitución de titulos. >>> - Typekit >>> >>> Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: >>> >>> - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya >>> que >>> el flash me lo monto yo) y facilmente sustituible mediante jQuery. >>> - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. >>> Sumando que hay descarga de fuente >>> y en ese mundo de la distribución de fuentes me pierdo. No lo he usado >>> y desconozco el nivel de compatibilidad que tiene. >>> - Imágenes: Pues una imágen para cada título. Practico, funciona y con >>> un ficherito de sprite los metes todos y una vez cargado ya lo tienes >>> para toda la página. Mantenimiento xungo, me veo con las ojeras >>> generando una y otra vez el dichoso ficherito de imágenes. >>> - Typekit: No me deja meter textura degradada en el texto. >>> >>> Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco >>> más :-P >>> >>> gracias gracias >>> un saludo >>> Marc >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > > > > ------------------------------ > > Message: 4 > Date: Mon, 19 Jul 2010 12:28:32 +0200 > From: Martin Etxauri <t...@eragin.com> > Subject: Re: [Ovillo] [OT] Texto con degradado > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Message-ID: <9f028957-0f7f-4480-ab14-c6da24ebb...@eragin.com> > Content-Type: text/plain; charset=iso-8859-1 > > aupa > si, eso había entendido yo > > yo lo que digo es poner un png superpuesto a las letras, la pega que tiene > es que el fondo de las letras debe ser del mismo color que uno de los > colores del degradado del texto, de manera que tu tienes tres capas, el > fondo (con un color), el texto (otro color) y encima del texto un png que > hace degradado del color de fondo (o un matiz suyo) a transparente. y > consigues un texto con degradado "dentro" del texto. Es un sistema viejuno > de dar textura a un texto html. > > he encontrado este link [1] en un momento, en su día lo vi en algún otro > sitio > > saludos > > [1] > http://www.webdesign.org/html-and-css/tutorials/css-gradient-text-effect.16535.html > > > > El 19/07/2010, a las 12:20, Marc Palau escribió: > >> Pero lo que necesito con degradado es el texto, no el fondo del texto. >> Es que no se como describirlo. El relleno del texto tiene que ser un >> degradado :) eah! >> >> un abrazo >> Marc >> >> En/na Martin Etxauri ha escrit: >>> aupa >>> >>> Seguro que cualquiera de las maneras que comentas es mejor, pero solo >>> por si acaso, está la manera de dejar el texto tal cual y ponerle por >>> encima un png con un degradado de color de fondo a transparente. >>> >>> es cutrillo, pero en cuanto a recursos es solo un png para todos y en >>> cuanto a estructura parecido a la imagen de sustitución con la ventaja >>> de que el texto sigue siendo texto. >>> >>> saludos >>> >>> El 19/07/2010, a las 12:06, Marc Palau escribió: >>> >>> >>>> Hola colisteros. >>>> >>>> Hoy me toca realizar una consulta, la cual tengo un poco clara a mi >>>> manera pero igualmente os la quiero exponer para ver que pensáis al >>>> respecto y que habéis hecho vosotros cuando os ha tocado lidiar con >>>> este >>>> problema. >>>> >>>> Tengo unos títulos con el texto degradado (osea, el texto tiene una >>>> textura que es un degradado). >>>> >>>> He estado revisando varias opciones: >>>> >>>> - sIFR >>>> - Cufón >>>> - Imágenes de sustitución de titulos. >>>> - Typekit >>>> >>>> Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: >>>> >>>> - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya >>>> que >>>> el flash me lo monto yo) y facilmente sustituible mediante jQuery. >>>> - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. >>>> Sumando que hay descarga de fuente >>>> y en ese mundo de la distribución de fuentes me pierdo. No lo he usado >>>> y desconozco el nivel de compatibilidad que tiene. >>>> - Imágenes: Pues una imágen para cada título. Practico, funciona y con >>>> un ficherito de sprite los metes todos y una vez cargado ya lo tienes >>>> para toda la página. Mantenimiento xungo, me veo con las ojeras >>>> generando una y otra vez el dichoso ficherito de imágenes. >>>> - Typekit: No me deja meter textura degradada en el texto. >>>> >>>> Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco >>>> más :-P >>>> >>>> gracias gracias >>>> un saludo >>>> Marc >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>>> >>> >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > ------------------------------ > > Message: 5 > Date: Mon, 19 Jul 2010 12:57:09 +0200 > From: Marc Palau <m...@palaueb.com> > Subject: Re: [Ovillo] [OT] Texto con degradado > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Message-ID: <4c442f85.2060...@palaueb.com> > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > La idea es genial y se pueden sacar muy buenos resultados. El problema > es que el fondo es degradado, y el degradado del texto es distinto del > del fondo. > > A ver si sale alguna idea más. > > gracias por el aporte :) > un saludo > marc > > En/na Martin Etxauri ha escrit: >> aupa >> si, eso había entendido yo >> >> yo lo que digo es poner un png superpuesto a las letras, la pega que >> tiene es que el fondo de las letras debe ser del mismo color que uno de >> los colores del degradado del texto, de manera que tu tienes tres capas, >> el fondo (con un color), el texto (otro color) y encima del texto un png >> que hace degradado del color de fondo (o un matiz suyo) a transparente. >> y consigues un texto con degradado "dentro" del texto. Es un sistema >> viejuno de dar textura a un texto html. >> >> he encontrado este link [1] en un momento, en su día lo vi en algún otro >> sitio >> >> saludos >> >> [1] >> http://www.webdesign.org/html-and-css/tutorials/css-gradient-text-effect.16535.html >> >> >> >> El 19/07/2010, a las 12:20, Marc Palau escribió: >> >> >>> Pero lo que necesito con degradado es el texto, no el fondo del texto. >>> Es que no se como describirlo. El relleno del texto tiene que ser un >>> degradado :) eah! >>> >>> un abrazo >>> Marc >>> >>> En/na Martin Etxauri ha escrit: >>> >>>> aupa >>>> >>>> Seguro que cualquiera de las maneras que comentas es mejor, pero solo >>>> por si acaso, está la manera de dejar el texto tal cual y ponerle por >>>> encima un png con un degradado de color de fondo a transparente. >>>> >>>> es cutrillo, pero en cuanto a recursos es solo un png para todos y en >>>> cuanto a estructura parecido a la imagen de sustitución con la ventaja >>>> de que el texto sigue siendo texto. >>>> >>>> saludos >>>> >>>> El 19/07/2010, a las 12:06, Marc Palau escribió: >>>> >>>> >>>> >>>>> Hola colisteros. >>>>> >>>>> Hoy me toca realizar una consulta, la cual tengo un poco clara a mi >>>>> manera pero igualmente os la quiero exponer para ver que pensáis al >>>>> respecto y que habéis hecho vosotros cuando os ha tocado lidiar con >>>>> este >>>>> problema. >>>>> >>>>> Tengo unos títulos con el texto degradado (osea, el texto tiene una >>>>> textura que es un degradado). >>>>> >>>>> He estado revisando varias opciones: >>>>> >>>>> - sIFR >>>>> - Cufón >>>>> - Imágenes de sustitución de titulos. >>>>> - Typekit >>>>> >>>>> Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: >>>>> >>>>> - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya >>>>> que >>>>> el flash me lo monto yo) y facilmente sustituible mediante jQuery. >>>>> - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. >>>>> Sumando que hay descarga de fuente >>>>> y en ese mundo de la distribución de fuentes me pierdo. No lo he >>>>> usado >>>>> y desconozco el nivel de compatibilidad que tiene. >>>>> - Imágenes: Pues una imágen para cada título. Practico, funciona y >>>>> con >>>>> un ficherito de sprite los metes todos y una vez cargado ya lo tienes >>>>> para toda la página. Mantenimiento xungo, me veo con las ojeras >>>>> generando una y otra vez el dichoso ficherito de imágenes. >>>>> - Typekit: No me deja meter textura degradada en el texto. >>>>> >>>>> Pues ea, creo que los puristas ya me podéis estar adoctrinando un >>>>> poco >>>>> más :-P >>>>> >>>>> gracias gracias >>>>> un saludo >>>>> Marc >>>>> _______________________________________________ >>>>> Lista de distribución Ovillo >>>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>>> >>>>> >>>>> >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>>> >>>> >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > > > > ------------------------------ > > _______________________________________________ > Ovillo mailing list > Ovillo@lists.ovillo.org > http://lists.ovillo.org/mailman/listinfo/ovillo > > Fin de Resumen de Ovillo, Vol 77, Envío 17 > ****************************************** > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
