Share42.com - меняем иконки социальных сетей на произвольные

Данная статья для тех, у кого на сайте установлен скрипт социальных кнопок Share42.com. Изменить иконки самих кнопок на произвольные - это дело одной минуты. Вся трудность - это подобрать новые изображения, которые будут удовлетворять вашим требованиям.

Будем считать, что вы уже подобрали себе иконки. Есть условие - их нужно делать одинаковыми по ширине (по высоте. если у вас вертикальное расположение).

Я себе подобрал следующие:

Выше представлен скрин с уже установленными кнопками. А вот так выглядит сама заготовка у меня на сервере:

Обратите внимание, что все кнопки расположены на одной картинке и между самими иконками нет отступов - все подогнано до пикселя друг к другу. Это очень важно, т.к. скрипт share42.com отрезает автоматически данные картинки и вешает на них функционал по заданному параметру отрезки (об этом далее).

Итак, вам нужно сделать заготовку с таким же порядком расположения иконок, как вы выбрали порядок на самой странице share42, чтобы нажимая по кнопки твиттера, для человека открывалось окно твиттера и т.д.

По умолчанию скрипт отрезает картинки размером 32px. Как видите - у меня они намного шире. Делается это просто:

Здесь представлена последняя часть кода из файла share42.js, который мы сейчас скорректируем под свои размеры кнопок

Здесь я сделал ширину (width) в 80px, а высоту (height) 28px, т.к. именно такого размера мои кнопки. Далее необходимо было увеличить длину "отрезки" кнопки до нужных 80px (было '+32*j+' и стало '+80*j+').

При помощи параметра margin можете скорректировать отступ между кнопками социальных сетей.