Кастомный блок «Поделиться» от Яндекса

[badimao]

да боже мой. не хотел задеть даже.


а вот мой не менее валидный

img {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

[Красавчег]

Нет уж, как грится сказал А, выкладывай и Б. Давай полностью рабочий вариант применительно к коду яндекса. Вот тебе в подарок исходник кнопок http://yashare.narod.ru/images/share_icon_metal.png если надо, ну и ждем результатов а потом сравним.

[badimao]

может сразу писюнами померяемся?

[Красавчег]

Не, дык а хуле ты просто привел тут пример применения фильтра, да еще не во всех основных браузерах работающий. Нашел что сравнивать. С таким понтом я мог бы написать "ептыть, все решает:"

background-position и !important

Коротко, правда? А ты возьми распиши полностью код, чтобы все работало как в моем примере, а потом сравним и размер кода, и эффективность работы. Познаем "силу grayscale и opacity", как ты говорил.

Никто ж за язык не тянул вроде так что, жду 100% рабочего решения - "более лучшего" и с меньшим размером кода.

[badimao]

а просто слив не будет засчитан если че?

да. фильтры поддерживают не все браузеры.
да. опера чудит и ие не всегда ie радует.

но всегда ли целесообразна погоня за перфекционизмом? так дойдет до того что над одной кнопкой будем по часу сношаться.



на скорую руку. если брать то



не крос но зато можно копировать как есть . картинки внедрены.

60строчек кода (и это вместе с картинками) вместо 80 без оных - а этож и их(ее) еще и сохранить/загрузить надо.

ну и не совсем правильное сравнение но тем не менее

http://shot.qip.ru/008pRl-111BE1KdIA/

и

http://shot.qip.ru/008pRl-211BE1KdIB/

но в любом случае жму ТС руку и признаю абсолютное поражение. победил в кроссе.

[D.iK.iJ]

Если извращаться, то лучше вручную сделаю 1 картинку и карту ссылок к ней
Шутка. Все круто.

[10012003]

Спасибо, на мой взгляд есть небольшая не точность

Сообщение от Красавчег

Изображение share_icon_metal.png кладем в папку /images/
.

то есть images должна лежать в корне
при этом в стилях 4-я строчка
background: url(images/share_icon_metal.png) no-repeat scroll 0px 0px transparent !important;

то есть если шаблон лежит не в корне то картинок видно не будет
правильней наверно исправить на это
background: url(/images/share_icon_metal.png) no-repeat scroll 0px 0px transparent !important;

[Красавчег]

1. Опера..

Сообщение от badimao

опера чудит

Что значит чудит? В ней тупо grayscale не обрабатывается:



2. Internet Explorer..

Сообщение от badimao

не всегда ie радует

В осле через пень-колоду работает, но лучше бы не работало:



4. Помимо отсутствия кроссбраузерности, что ты и сам подтвердил, валидность в том же месте. И это только CSS

3. Меньше кода..

Сообщение от badimao

60строчек кода (и это вместе с картинками) вместо 80 без оных

Серьезно?)) А ничего что твои 60-строчек-супер-кода-CSS весят 53кб.

В то время как изображение у моих кнопок (причем в .png) всего 10кб.



+ 1 килобайт кода стилей который я несколькими постами выше показал.

Ну, и оценивая "размер твоего кода", которого оказалось в несколько раз больше ) спрошу твоими же словами:

Сообщение от badimao

зачем столько кода?

Добавлено через +100500 минут

ПЫСЫ: собснна, к чему я это все))

Потсаны, не проходите мимо, когда кто-то просит о помощи и не затрахивайте советами, когда в этом нет нужды!

[kakogohrena]

Сообщение от 10012003

Спасибо, на мой взгляд есть небольшая не точность

то есть images должна лежать в корне
при этом в стилях 4-я строчка
background: url(images/share_icon_metal.png) no-repeat scroll 0px 0px transparent !important;

то есть если шаблон лежит не в корне то картинок видно не будет
правильней наверно исправить на это
background: url(/images/share_icon_metal.png) no-repeat scroll 0px 0px transparent !important;

Ну это вообще несерьезная претензия. Это же просто пример, у каждого на сайте своя структура файлов. Куда хочешь, туда и сохраняй картинку, только в css не забудь код подправить.

[badimao]

Сообщение от Красавчег

ПЫСЫ: собснна, к чему я это все))

я же вроде признал свою ошибку и засчитал слив.

че не уймешься истеричка ?