Я думаю, все, кто создаёт и продвигает сайты, рано или поздно сталкиваются с интеграцией с социальными сетями. И многие используют для этой цели весьма простой и при этом удобный скрипт от Яндекса — блок "поделиться".
Однако, везде, где я его встречал, в том числе и на этом сайте, кнопочки какие-то такие сильно статический. Почему бы не сделать им немножечко динамичности — ведь наже стандартные кнопочки Windows при наведении подсвечиваются.
Как это сделать проще всего? Я думал, и пришла в голову тривиальнейшая идея.
Открываем любой браузерный отладчик и находим класс, общий для всех кнопочек. Это "b-share-icon".
Далее, скачиваем скрипт share.js себе на сервер (по дефолту он загружается с сервера Яндекса).
Находим в этом скрипте описание "b-share-icon"; после этого добавляем в обычном описании, например "opacity: 0.8"; а в псевдоклассе ":hover" пишем "opacity:1;".
Таким образом, у нас каждая из картинок изначально на 80% прозрачна, при наведении становится абсолютно непрозрачной. Вот он и эффект динамичности =)

irrr Сообщение 08/06/2012 08:47 Копия темы
очуметь.. да вы гений!!

ivanna Сообщение 08/06/2012 09:01 Копия темы
и что кросс-браузерно?)

djkoma Сообщение 08/06/2012 09:12 Копия темы
Сомневаюсь, я думаю, нужно ещё moz-opacity для мозиллы и alpha-фильтр для IE, суть то не в этом )) Можно сделать любые другие варианты выделения (фон, подчеркивание) — смысл в динамичности )))
Вот пример сделал: buy-slips.ru/product/128 под товаром четыре линка )

djkoma Сообщение 08/06/2012 09:13 Копия темы
Сарказм? Согласен, идея банальная... Её никто не сделал, а мне захотелось )))

CreativeManager Сообщение 09/06/2012 12:09 Копия темы
А в Битриксе как это сделать?