После того как мы скачали скрипт кнопок соц сетей, нам нужно его распаковать программой winrar или другим архиватором и добавить к себе на сайт!
Для этого мы:
1. Распаковываем архив в папку share42
2. Заходим в панель управления нашим сайтом > файловый менеджер
3. Создаём в файловом менеджере папку share42
4. Загружаем в папку share42 файлы с компьютера (их всего 2 штуки)
5. Далее прописываем подгруздку скрипта на ваш сайт
Код
<div class="share42init"></div>
<script type="text/javascript" src="http://имя сайта/share42/share42.js"></script>
в нашем случае это будет выглядеть так
Код
<div class="share42init"></div>
<script type="text/javascript" src="http://anime-clone.my1.ru/share42/share42.js"></script>
Теперь мы переходим в панель управления > выбираем вкладку Форум > Управление дизайна модуля > вид материалов
и смотрим куда можно установить наш скрипт
в нашем случае нам ещё необходимо подправить дизайн с помощью стилей
Код
<div class="share42init" style="float:right; margin:0; padding: 0; height: 16px !important;"></div>
<script type="text/javascript" src="http://anime-clone.my1.ru/share42/share42.js"></script>
Однако теперь форум подгружает дольше и поэтому мы будем переносить наши кнопочки в заглавие, чтобы они отображались только 1 раз!
Для этого:
1. Убираем код кнопок из вида материалов
2. Вставляем код кнопок в общий вид страниц форума и корректируем код
Код
<table class="clonetab"><tbody><tr>
<td class="clonetb1"><br></td></tr><tr>
<td class="clonetb2">
<div align="right" style="margin-top:-30px;">[
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a><?if($USER_LOGGED_IN$)?> ·
<a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow">Подписки</a><?endif?> ]
</div>
<div class="share42init" style="padding: 0; height: 16px !important; position: absolute; margin-top:-17px;<?if($USER_LOGGED_IN$)?>margin-left: 150px;<?else?>margin-left: 200px;<?endif?> width: 380px;overflow:hidden;"></div>
<script type="text/javascript" src="http://anime-clone.my1.ru/share42/share42.js"></script>
$BODY$
<br></td></tr><tr>
<td class="clonetb3"><br></td></tr></tbody></table>
Теперь всё закончили и получился такой вид кнопок социальных сетей
