Кабинет админа :: Все для форума

Конференция о раскрутке и оптимизации форумов.
https://cabinetadmina.ru/

Кнопки социальных сетей от share42

https://cabinetadmina.ru/viewtopic.php?t=3930

Страница 4 из 4

Кнопки социальных сетей от share42

Добавлено: 17 май 2013, 22:00
romaamor
Очень хороший сервис социальных закладок http://share42.com/ru
1. Выбираем размер.
2. Отмечаем нужные кнопки, удерживая Ctrl (можно перетаскивать мышкой).
3. Скачиваем скрипт.
4. Распаковываем архив.
5. В менеджер картинок загружаем скрипт и картинку.
6. В overall_footer или overall_header (смотря куда надо) вставляем типа такого:

Код: Выделить всё

<div id="share42init"></div>
<script type="text/javascript" src="ссылка/images/share42.js"></script>
<script type="text/javascript">share42('ссылка/images/')</script>
Внимание! Вторая строчка пишется без указания картинки, в обоих строках добавляешь только свое, вместо: ссылка.

7. Далее по желанию можно добавить в тему стиля это:

Код: Выделить всё

#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
8. Готово! Пользуемся.
Автор статьи Djeday

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 17:55
Uzanka
Поставила кнопки по советам из этой темы. Сделала как у вас, CabinetAdmin. Всё поставилось! :Yahoo!: Плохо то, что кнопки располагаются под названием темы, а хотелось бы справа (у меня название темы слева, а на этой же строке хотелось бы разместить кнопки справа). Чтобы реализовать это дело, делала так (по алгоритму выше). Добавила в конец темы

Код: Выделить всё

.share42init {
   position: absolute;
   right: 0;
   top: 0;
}
кнопки улетели в шапку форума на темно-синий фон (но зато справа :D )

Вот эту часть в теме стиля не нашла вообще

Код: Выделить всё

#pageheader { }
Похоже, что у меня ее нет и в этом проблема.

Вот наш форум
http://scienceclub.listbb.ru

Помогите, пожалуйта "допилить", чтобы было как у вас на форуме (т.е. название темы слева, а кнопки на той же строке, но справа) :Rose:

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 18:33
CabinetAdmin
Uzanka
У вас другой клон, prosilver. Найдите #page-body { и добавьте к нему (до закрывающего }) с новой строки position: relative;.

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 19:44
Uzanka
CabinetAdmin
Да, всё получилось! :Yahoo!: спасибо большое! :Rose:

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 19:49
Uzanka
А вот еще хотела спросить. А форум сильно от установки кнопок тормозится? Я ничего в этом не понимаю. Может быть не стоит их ставить? :pardon:

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 19:53
CabinetAdmin
10КБ весу, я бы сказал ничтожно мало чтобы создать на форуме тормоза.

Re: Кнопки социальных сетей от share42

Добавлено: 11 сен 2013, 19:55
Uzanka
CabinetAdmin
Ок. Спасибо. А то я что-то переживать начала за участниц :D

Re: Кнопки социальных сетей от share42

Добавлено: 05 окт 2013, 03:58
silver073000
У меня установлен мод Последние темы и хочу сдвинуть надпись Последние темы влево, а кнопки сетей разместить справа и чтобы это на одной строке было.
Изображение

Можно ли такое сделать? :) Вот код моего скрипта для кнопок

Код: Выделить всё

<div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div>
<script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script>
И часть кода с мода, в которую хочу встроить кнопки.

Код: Выделить всё

      <tr class="nav">
         <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td>
      </tr>
      <tr>
         <!-- IF S_TOPIC_ICONS -->
            <th colspan="3">&nbsp;{L_TOPICS}&nbsp;</th>
         <!-- ELSE -->
            <th colspan="2">&nbsp;{L_TOPICS}&nbsp;</th>
         <!-- ENDIF -->
         <th>&nbsp;{L_REPLIES}&nbsp;</th>
         <th>&nbsp;{L_VIEWS}&nbsp;</th>
         <th>&nbsp;{L_LAST_POST}&nbsp;</th>
      </tr>
Подскажите, как правильно сделать :)

Re: Кнопки социальных сетей от share42

Добавлено: 05 окт 2013, 07:04
CabinetAdmin
Первый вариант.
В вашей части кода находите:

Код: Выделить всё

      <tr class="nav">
         <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td>
      </tr>
Меняете на:

Код: Выделить всё

		<tr class="nav">
			<td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->5<!-- ELSE -->4<!-- ENDIF -->" valign="middle" align="left">{L_RECENT_TOPICS}</td>
			<td class="cat" valign="middle" align="right">
				<div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div>
				<script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script>
			</td>
		</tr>
В теме стиля находите и удаляете:

Код: Выделить всё

.share42init {
	position: absolute;
	right: 0;
	top: 0;
}

Второй вариант.

Код: Выделить всё

      <tr class="nav">
         <td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="center">{L_RECENT_TOPICS}</td>
      </tr>
Меняете на:

Код: Выделить всё

		<tr class="nav">
			<td class="cat" colspan="<!-- IF S_TOPIC_ICONS -->6<!-- ELSE -->5<!-- ENDIF -->" valign="middle" align="left" style="position: relative;">
				{L_RECENT_TOPICS}
				<div class="share42init" data-path="http://gff.5nx.org/images/ranks2/gff_5nx_org/"></div>
				<script type="text/javascript" src="http://gff.5nx.org/images/ranks2/gff_5nx_org/share42.js"></script>
			</td>
		</tr>
В теме стиля:

Код: Выделить всё

.share42init {
	position: absolute;
	right: 0;
	top: 0;
}
Меняете 0 до получения оптимального вида, например поставить 4px или 5px и посмотреть результат.

Вот это:

Код: Выделить всё

#share42:hover { background: #F6F6F6;  border: 1px solid #D4D4D4;  box-shadow: 0 0 5px #DDD; }
это появляющийся фон при наведении мыши на блок с кнопками, имхо, можно удалить.


ps. Мало ли, чтобы вернуть надпись "Последние темы" в центр, как было, достаточно в изменённом коде align="left" поменять на align="center".

Re: Кнопки социальных сетей от share42

Добавлено: 05 окт 2013, 12:50
silver073000
С первым вариантом получается так и на опере, и на мазиле.
Изображение

Тему пробовал удалять, изменять название классов. Не перемещаются кнопки вправо.
При установке второго варианта на опере отлично, на мазиле в правый верхний угол улетают кнопки :D Подгоняю для мазилы тему, то опера почти посреди форума кнопки отображает :crazy: Ох уж эти стандарты в браузерах :crazy:

Re: Кнопки социальных сетей от share42

Добавлено: 05 окт 2013, 13:56
CabinetAdmin
Так может получиться только со вторым вариантом и только если нет соответствующих классов, в первом голая таблица, там нет вариантов неправильного отображения.

зы. У вас почему-то вместо class="share42init" стоит class="share42initindex". Поэтому и отображается не так как нужно.

Re: Кнопки социальных сетей от share42

Добавлено: 05 окт 2013, 15:48
silver073000
Подошёл первый вариант установки :) Вся проблема была в коде Последних тем - там какой-то лишний код был. Переустановил его заново и всё отлично стало. Благодарю за советы :drink:
CabinetAdmin » Сегодня, 13:56 писал(а):У вас почему-то вместо class="share42init" стоит class="share42initindex". Поэтому и отображается не так как нужно.
Это я уже потом классы добавлял и удалял, когда не получилось с нескольких попыток установить кнопки :D Так и оставил, не стал больше трогать их :)
Часовой пояс: UTC+03:00
Страница 4 из 4

Создано на основе phpBB® Forum Software © phpBB Limited

Русская поддержка phpBB