Comments on: How to make RSS icons in every colour with just one image http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/ A weblog about webdesign, webdevelopment, css, php and other webrelated topics. Thu, 24 Jul 2008 04:29:12 +0000 http://wordpress.org/?v=2.3.2 By: CSS Tricks und Tutorials | Photoclinique http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-475 CSS Tricks und Tutorials | Photoclinique Fri, 13 Jun 2008 05:41:02 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-475 [...] ein CSS-Design. Listen ohne Ende, Unendlich viele Beispiekle für Listen, nur mit CSS formatiert. Ein Bild - Verschiedene Farben, Wie man mit nur einem Bild verschiedenfarbige anzeigen kann. Bubble tooltips, Cool tooltips that [...] […] ein CSS-Design. Listen ohne Ende, Unendlich viele Beispiekle für Listen, nur mit CSS formatiert. Ein Bild - Verschiedene Farben, Wie man mit nur einem Bild verschiedenfarbige anzeigen kann. Bubble tooltips, Cool tooltips that […]

]]> By: Cosas pa` decir » Blog Archive » Iconos multicolor con una imagen y CSS http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-227 Cosas pa` decir » Blog Archive » Iconos multicolor con una imagen y CSS Wed, 30 Apr 2008 17:08:48 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-227 [...] Hoy me encuentro con esta idea aplicada a un icono de RSS, mejor explicada y con ejemplos: How to make RSS icons in every color with just an image [...] […] Hoy me encuentro con esta idea aplicada a un icono de RSS, mejor explicada y con ejemplos: How to make RSS icons in every color with just an image […]

]]> By: farik.in.ua » Blog Archive » Как сделать RSS иконку любого цвета, используя одну картинку http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-101 farik.in.ua » Blog Archive » Как сделать RSS иконку любого цвета, используя одну картинку Thu, 03 Apr 2008 16:14:22 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-101 [...] Onyx Design Blog Кросс-пост Блог для [...] […] Onyx Design Blog Кросс-пост Блог для […]

]]> By: Alma http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-100 Alma Thu, 03 Apr 2008 15:01:16 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-100 I really enjoyed your article and the examples. I'm with you it's better to use another image than all this extra code. I love this kind of solutions because they are pretty simple and clear, adding several non-semantical elements just for rounding some icon's corners seems a waste of time to me. I really enjoyed your article and the examples. I’m with you it’s better to use another image than all this extra code. I love this kind of solutions because they are pretty simple and clear, adding several non-semantical elements just for rounding some icon’s corners seems a waste of time to me.

]]> By: Fabian http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-99 Fabian Thu, 03 Apr 2008 14:21:42 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-99 @Andrew, Thanks for the idea of using a rounded corners technique to round the borders of the div. I am not going to use the link you gave me though. I think using another image is better than using a bunch of extra code. @Andrew, Thanks for the idea of using a rounded corners technique to round the borders of the div. I am not going to use the link you gave me though. I think using another image is better than using a bunch of extra code.

]]> By: Блог для вебмастеров » Как сделать RSS иконку любого цвета, используя одну картинку http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-97 Блог для вебмастеров » Как сделать RSS иконку любого цвета, используя одну картинку Thu, 03 Apr 2008 12:34:59 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-97 [...] Ну вот, теперь поисковик прочтет нашу ссылку с анкором, и внешне, это не навредит нашей иконке. via  Onyx Design Blog [...] […] Ну вот, теперь поисковик прочтет нашу ссылку с анкором, и внешне, это не навредит нашей иконке. via  Onyx Design Blog […]

]]> By: GermWorks http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-96 GermWorks Thu, 03 Apr 2008 02:43:53 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-96 Yeah I would suggest keeping the RSS icon orange but I dont see anything wrong with changing the way it looks slightly to be more appealing to the design. I have a few examples (<em>Links removed, please don't post irrelevant links to your own website.</em>) I do like the technique though as it can really be useful when you have a website with different colours etc and I would not worry about IE 6 too much. Yeah I would suggest keeping the RSS icon orange but I dont see anything wrong with changing the way it looks slightly to be more appealing to the design.

I have a few examples (Links removed, please don’t post irrelevant links to your own website.)

I do like the technique though as it can really be useful when you have a website with different colours etc and I would not worry about IE 6 too much.

]]> By: Iconos multicolor con una sola imagen - Guia Breve http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-95 Iconos multicolor con una sola imagen - Guia Breve Wed, 02 Apr 2008 15:12:25 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-95 [...] este truco podremos con una sola imagen crear tantos iconos como queramos en todos los colores que queramos. [...] […] este truco podremos con una sola imagen crear tantos iconos como queramos en todos los colores que queramos. […]

]]> By: Webmaster Libre | Iconos multicolor con una imagen y CSS http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-94 Webmaster Libre | Iconos multicolor con una imagen y CSS Wed, 02 Apr 2008 11:07:06 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-94 [...] Hoy me encuentro con esta idea aplicada a un icono de RSS, mejor explicada y con ejemplos: How to make RSS icons in every color with just an image [...] […] Hoy me encuentro con esta idea aplicada a un icono de RSS, mejor explicada y con ejemplos: How to make RSS icons in every color with just an image […]

]]> By: Andrew http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-93 Andrew Mon, 31 Mar 2008 12:03:10 +0000 http://www.onyx-design.net/weblog2/css/how-to-make-rss-icons-in-every-colour-with-just-one-image/#comment-93 I think I agree with Bas that RSS icons should be orange, but it's a clever technique nonetheless. You could probably also combine it with any one of the numerous rounded corner techniques to get rid of the background-colored rounding on the image. Specifically the technique at http://blog.yosle.com/2007/09/20/css-round-corners/ . A little dirty semantically-speaking, but it doesn't require any more images, and it works well for smaller icons. I think I agree with Bas that RSS icons should be orange, but it’s a clever technique nonetheless. You could probably also combine it with any one of the numerous rounded corner techniques to get rid of the background-colored rounding on the image. Specifically the technique at http://blog.yosle.com/2007/09/20/css-round-corners/ . A little dirty semantically-speaking, but it doesn’t require any more images, and it works well for smaller icons.

]]>