Комментарии 60
Спасибо большое!!!
Буду использовать!
Буду использовать!
0
спасибо
но как по мне оправданно если предпологается использовать более 2-х цветов как у того же лебедева
но как по мне оправданно если предпологается использовать более 2-х цветов как у того же лебедева
0
А что сразу Лебедев?)
+2
>...как у того же лебедева
А кто это?
А кто это?
-1
У Лебедева стоит скрипт... В принципе нечего сложного...
Посмотрите исходный код на странице студии и проанализируйте код. ;-)
Посмотрите исходный код на странице студии и проанализируйте код. ;-)
0
оправдано всегда оптимизацией загрузки (меньше файлов-меньше запросов)
0
НЛО прилетело и опубликовало эту надпись здесь
не забывайте что не все такие умные как вы ;)
+2
НЛО прилетело и опубликовало эту надпись здесь
не знаю как вы, но я не вижу нечего плохого в этом.
0
давайте просто игнорировать темы которые нас не интересуют
+1
колесо тоже просто сделать, но придумать его было сложно.
+1
Практически поддерживаю. Но считаю, что лучше всего подобные заметки оформлять «пучком», по десятку таких куков в статье. Достаточно описать технологию, прикрутить иллюстрацию и ссылку-пару на работающие примеры и справочный материал.
Тогда а) большой шанс того, что даже мастодонты веб-разработки наткнутся на что-то новое для себя, б) больше стимула для начинающих узнать технологию, а не просто клёвый пример, в) больше плюсов ;)
Тогда а) большой шанс того, что даже мастодонты веб-разработки наткнутся на что-то новое для себя, б) больше стимула для начинающих узнать технологию, а не просто клёвый пример, в) больше плюсов ;)
0
А не проще две картинки использовать? Тем более это для двухцветных картинок.
+1
Зачем использовать две картинки, если все определяется в css?
Тем более если речь пойдет не об иконке 32х32, а например логотипе или что-то более большого размера, нужно же иногда и пользователях думать и о их трафике.
Тем более если речь пойдет не об иконке 32х32, а например логотипе или что-то более большого размера, нужно же иногда и пользователях думать и о их трафике.
-1
НЛО прилетело и опубликовало эту надпись здесь
background-image:#ff6600 url(rss32.png); /*иконка будет оранжевого цвета*/
Мне кажется, это несколько некорректно.
Надо background: #ff6600 url(rss32.png);
+1
Странно, что в примере взята иконка RSS - она ж с градиентом, да и цвет у нее вроде бы стандартный. А для штамповки разноцветных иконок одной формы да, подходит - только я бы все равно использовал gif.
0
На автокадабре, вроде, машинки таким же образом реализовывались.


+6
Долго думал как получилось показать полупрозрачную область окрашенной шахматкой. Понял что туплю)
0
Да, ребята из турбомилк об этой технике уже писали. И, кажется, даже на хабре эта их статья уже мелькала.
0
Раз уж на то пошло - предлагаю свой вариант.(Разумеется инлайн в проекте выносится в css файл)
0
<img src="rss32.png" alt="" style="background-color: #f90; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='rss32.png', sizingMethod='scale'); _background-image: none;" />
-2
НЛО прилетело и опубликовало эту надпись здесь
черт, да неужели кто-то все-таки додумался...
спасибо, что вы донесли эту идею до людей! просто поражает как все любят для hover элемента ставить другую картинку, если достаточно сделать в элементе дырку и менять фоновый цвет...
пример вы правда не слишком удачный выбрали - лучше бы это показать на элементах меню или подобном...
спасибо, что вы донесли эту идею до людей! просто поражает как все любят для hover элемента ставить другую картинку, если достаточно сделать в элементе дырку и менять фоновый цвет...
пример вы правда не слишком удачный выбрали - лучше бы это показать на элементах меню или подобном...
0
2003 год добрался до Рунета… Алилуя…
http://www.simplebits.com/notebook/2003/…
http://www.simplebits.com/notebook/2003/…
+5
Больше всего понравилась картинка к статье. Можно даже не читать топик (не в обиду автору, а скорее наоборот)...
0
Хорошая идея, жаль что не ваша. Часто придумаешь что нибудь, а это уже есть. Такое неоднократно бывало на хабре. Предлагаю сначала обыскивать все патентные хранилища. Уже смешно. Но хотя бы у гугла надо спросить.
+1
А как же ИЕ<7 он же не поддерживает прозрачный png Или вы как-то решили эту ошибку?
+1
А если сделать так:
<a class="rssicon32"><ins>RSS</ins></a>
a.rssicon32 ins {text-indent:-9999px}
будет еще красивее)
<a class="rssicon32"><ins>RSS</ins></a>
a.rssicon32 ins {text-indent:-9999px}
будет еще красивее)
0
Спасибо, юзабельно.
По-моему, не помешал бы тэг "CSS"
По-моему, не помешал бы тэг "CSS"
0
По этому посту можно определить дизайнер гик или нет. Цвет меняется путем HSL коректировки канала, и не нужно строчек кода бесконечного.
0
Хватит вам ругаться на ретро, если так рассуждать, то весь этот блог вторичен. Типсы для самых маленьких никто не отменял.
большой комплект буков об этом.
большой комплект буков об этом.
+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Думаю смысл описан в комментариях выше. Это еще одна альтернатива rollover эффекту.
0
нужное. в избранное добавил. спасибо
0
colorpicker.com
0
Думается если представить гемор с альфаканалом в IE 6 и 7-й версий, и начать перебирать хаки и танцы с бубном для полноценной реализации PNG в этих браузерах то вся та прелесть и простота о которой говорится легко уйдёт в урну.
+1
Очень порадовала картинка вне ката все понятно )
0
Спасибо )
Эта штука очень пригодилась ;)
Эта штука очень пригодилась ;)
0
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.
Как сделать RSS иконку любого цвета, используя одну картинку