Кнопки соц сетей для форума и сайта - Форум о сайтостроении


  • Страница 1 из 1
  • 1
Форум о сайтостроении » Форум аниме клона » Форум аниме сайтостроения в системе ucoz » Кнопки соц сетей для форума и сайта
Кнопки соц сетей для форума и сайта
Animechayka Дата: Воскресенье, 15.03.2015, 12:10 | Сообщение # 1
Группа: Проверенные
Сообщений: 7
Репутация: 0
Статус: Offline
Уже много где можно встретить кнопки социальных сетей на сайтах и форумах.
Данные кнопки ставятся для увеличения посетителей к себе на сайт или форум и для быстрой индексации новости через социальные сети и поэтому если у вас нет таких кнопочек, то мы рекомендуем их поставить.
Мы будем знакомиться со скриптом кнопок соц сетей сервиса share42.com
Данный сервис хорошо зарекомендовал себя и пользуется большой популярностью среди веб мастеров.
В данном сервисе вы сможете подобрать оптимальное количество кнопок с соц сетей, а также их размер.
И начнём мы делать кнопочки для форума.
Для начала мы выбираем размер кнопок и в нашем случае это будут кнопки 16 на 16 "пиксей"
Затем мы выбираем востребованные соц сети и блоги

в нашем случае мы выбираем горизонтальное отображение кнопок и кодировку сайта UTF-8

и далее нажимаем скачать скрипт
Animechayka Дата: Воскресенье, 15.03.2015, 12:29 | Сообщение # 2
Группа: Проверенные
Сообщений: 7
Репутация: 0
Статус: Offline
После того как мы скачали скрипт кнопок соц сетей, нам нужно его распаковать программой 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>


Теперь всё закончили и получился такой вид кнопок социальных сетей


Сообщение отредактировал Animechayka - Воскресенье, 15.03.2015, 14:07
Форум о сайтостроении » Форум аниме клона » Форум аниме сайтостроения в системе ucoz » Кнопки соц сетей для форума и сайта
  • Страница 1 из 1
  • 1
Поиск:



Copyright Аниме Клон © 2018

Привет!
Меню пользователя
Суббота, 23.06.2018, 03:11

Приветствую Вас Гость

Главная | Регистрация | Вход | RSS