Что бы разместить кнопки социальных закладок и сетей у себя на сайте с таким оформланием,
Сегодня я решил поделится статьей, как разместить кнопки социальных закладок и сетей от сервиса share42.com у себя на сайте.
Демо можно посмотреть тут rubalka.net
И так, начнем. Для начала перейдем на сайт share42.com который нам предлагает Скрипт кнопок социальных закладок и сетей и выберем размер и отметьтим иконки сервисов, которые будут использоватся на нашем сайте.
Далее выбераем нужные опции:
Скачиваем скрипт и переходим к разделу "УСТАНОВКА"
В этом разделе выполняем всё как указано с п.1 по п.3
В пункте 4 отмечаем так.
В пункте 5 нам предложат вставить следующий код.
Даный в коде делаем изменения
потом в вашем скрипте скачаном ранее изменяем
background:url('+f+'icons.png)
на
background:url(http://адрес сайта/share42/icons.png)
И перезаливаем на сайт.
Вот и все!!! Всем спасибо за внимание!!! Не судите строго, это мой первый пост.
Тем более у данного решения есть много своих плюсов ...
Но они как минимум должны быть компактны, не занимать пол страницы, и не должны обращать на себя основное внимание...
Мое мнение, что эти "броские кирпичи" на сайте не нужны( тем более что у share42 вроде есть довольно хорошие варианты)
зы: Иван это ни в коем случае не упрек в вашу сторону)
Но разместить красивенько в футере 49 кирпичей таки можно, но зачем))...
Вообще эта дискуссия может быть вечна так как у каждого свои предпочтения; кто то склоняется больше к красоте, кто то к функциональности; и оба случая, думаю будут правильны - на каждый товар есть свой клиент!
А вывести их можно где угодно, даже скрестить с плагином - "Одна кнопка"
P.S. Минусы мне по бороде )))
нужно писать полный путь
<script type="text/javascript" src="http://вашсайт/папка/share42.js"></script>
Сам использую именно эти закладки.
Не знаю как на момент создания данного топика, но неделю назад на сайте share42.com на вкладке установка была возможность прописать в полях путь до папки со скриптами и кнопками, и многое другое прямо на сайте с подстановкой в тексты скрипта.
Себе ставил вариант вертикальная плавающая панель с привязкой ко всем страницам сайта (т.е. ставил в файл шаблона template.php).
Вот мой вариант скрипта для этого варианта
<div id="share42init"></div> <script type="text/javascript" src="http://site.ru/share42/share42.js"></script> <script type="text/javascript">share42('http://site.ru/share42/','<?php echo 'http://site.ru'.$_SERVER["REQUEST_URI"]; ?>','<?php if ($_SERVER["REQUEST_URI"] == "/" OR $_SERVER["REQUEST_URI"] == "/index.php") { cmsPrintSitename(); } else { echo $this->title.' - ';cmsPrintSitename(); } ?>',200,50)</script>И не забудьте добавить в styles.css рекомендованные на share42 стили элементов.
Скрипт работает отлично на всех страницах (рубрики новостей, новости, рубрики магазина, карточки товаров магазина, главная страница и прочие компоненты). Рекомендую!
Ну и вот адрес, где я все использовал http://betta.zagrebelniy.ru/
Куда именно вставлять код в template.php?
background:url('+f+'icons.png)
на
background:url(http://адрес сайта/share42/icons.png)
И перезаливаем на сайт.
И тогда кнопки будут отображатся...
Там они видать изменили немного, я твой код вставляю, но он у меня не работает, естественно все пути правильные.
Вставил их код, только не понят как без яваскрипта получить текущую страницу и ссылку на нее...?
у меня сейчас вот так:
<div class="share42init" data-url="?" data-title="?"></div> <script type="text/javascript" src="http://vesopyt.ru/share42/share42.js"></script> <script type="text/javascript">share42('http://vesopyt.ru/share42/')</script>