Pull to refresh

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

Ну, в общем переделывал я тут для себя блок «Поделиться» от Яндекса и вроде неплохо так получилось, что жалко)) блин стало, что у меня одного они будут. Короче, решил я поделиться своими кнопками «поделиться». Во, сказанул-то))

Немного предыстории: очень многие из нас ставят себе на сайты яндексовские соцкнопки (и я тоже) но они такие уже, блин заезженные, что просто смотреть на них не хочется. Ну, вот и решил я поэксперементировать с ними. Смысл в том, что скрипт этих кнопок остается яндексовский и соответственно переходы с этих кнопок в ЯндексМетрике также продолжают учитываться. В общем, выкинул я оттуда и саму ЯндексКнопку с выпадающим окном и всю туеву хучу тех социалок, на которые нажимают наверное только «редкие птицы, долетевшие до середины днепра». Вопщем, оставил на мой взгляд только самое нужное.

1. Хотелось чего-то стильного)) и первый вариант я сделал под «металлик». При наведении на любую из кнопок она меняется на цветную.

Ниже скриншот как это выглядит. Поглядеть на это вживую и скачать исходники можно здесь: yashare.narod.ru/index.html

image

2. А почему бы не сделать наоборот? И сделал «цветной» вариант. Тут уже при наведении на любую цветную кнопку она становится серой.

Ниже скриншот как это выглядит, а посмотреть вживую и скачать исходники можно вот здесь: yashare.narod.ru/variant2.html

image

3. И выкладываю третий вариант (это я раньше эксперементировал) может тоже кому-то пригодится. Здесь можно менять текст у кнопки (это уже само по себе привлекает внимание посетителя), а в выпадающее окно добавлено поле с урлом страницы для копирования и в это же выпадающее окно были засунуты ссылки на все-все-все социалки какие только можно было всунуть. А рядом с самой ЯндексКнопкой, опять же, вывел только самые нужные и наиболее часто используемые (ну, может если только кроме кнопки «блоггера»). Ну и опять же, любые кнопки там легко можно заменить и поставить именно нужные вам.

Ниже скриншот как это выглядит. Поглядеть на это вживую и скачать исходники можно здесь: yashare.narod.ru/variant3.html

image

Вот такие вот пироги)) друзья. А еще когда решил поделиться, подумал куда бы эти файлы скинуть, да и забубенил) это все на narod.ru

P.S. — (для модераторов) я не знаю как у вас обычно оформляют посты, может мне надо было все «коды» здесь опубликовывать, если по правилам нужно именно так, прошу модераторов сообщить — весь код и инструкции выложу здесь.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.