[Beta] Кнопка добавления в социальные закладки

[Andrewsha]

Всем привет!
Была задача - в топиках поставить кнопку для добавления страниц в сервисы закладок типа Memori, BobrDobr и т.п.
Для англоязычного сегмента обычно используется AddThis, но для "русских" закладок мой выбор пал на Odnaknopka.ru

Делюсь своим решением. Оно настолько простое, что я решил не использовать modx.

Демо: Сериал "Теория Большого Взрыва" / "The Big Bang Theory"

В файле /styles/prosilver/template/viewtopic_body.html

Найти:

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

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="post" id="topic-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				<input type="hidden" value="{TOPIC_ID}" name="t" />
				<input type="hidden" value="msgonly" name="sf" />
			</fieldset>
			</form>
		</div>
	<!-- ENDIF -->

После добавить:

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

	<div class="odnaknopka">
	<!-- IF not S_IS_BOT -->
		<script src="http://odnaknopka.ru/ok2.js" type="text/javascript"></script>
	<!-- ENDIF -->
	</div>

Найти:

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

	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
	</div>

После добавить:

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

	<div class="odnaknopka">
	<!-- IF not S_IS_BOT -->
		<script src="http://odnaknopka.ru/ok2.js" type="text/javascript"></script>
	<!-- ENDIF -->
	</div>

В файле /styles/prosilver/theme/buttons.css

Найти:

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

.buttons div.forwardpm-icon	{ width: {IMG_BUTTON_PM_FORWARD_WIDTH}px; height: {IMG_BUTTON_PM_FORWARD_HEIGHT}px; }

После добавить:

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

/* Odnaknopka */
.odnaknopka {
float:left;
margin-left:5px;
margin-top:5px;
}

Затем в админ панели:

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

Общие -> Очистить кэш
Стили -> Шаблоны -> Обновить
Стили -> Темы -> Обновить

Всё готово! Надеюсь кому-то будет полезно.

[wwc]

Andrewsha

Спасибо !!! Прикольная штучка. Понравилось.

А вот у Вас стоит реклама Google, как бы ее организовать ?

[Andrewsha]

Рад, что МОД оказался полезным

Насчет рекламы.
Я установил этот плагин:
http://www.phpbb.com/community/viewtopi ... &t=1146135

Затем "подшаманил" рекламу после первого поста с помощью советов отсюда(это чтобы она была максимально похожа на сообщение пользователя):
http://www.phpbb.com/kb/article/adverti ... in-phpbb3/

Что-то почерпнул отсюда (точно не помню что):
http://www.phpbbacademy.com/community/v ... 215#p21215

[wwc]

Andrewsha

Спасибо огромное.

Я наверное не так вырозился :-) Имел ввиду, как туда Google подпихнуть с его ссылочками ?

[Andrewsha]

Несколько отвлеклись от основной темы

Насчет гугля:
1. установить упомянутый плагин
2. получить код объявления от гугля
3. вставить код объявления в плагин

В админке вглядит так:

[wwc]

Andrewsha

Спасибо. Извиняюсь... Прибамбаха Ваша пошла. Пишут ценная девайсина.

[Di_Mok]

По аналогии присобачил ВКонтакте и МойМир

[Loney]

Хороший мод, давно себе поставил. Единственный его недостаток и весьма ощутимый, это то, что он тормозит частенько форум, ибо сервис однакнопка временами бывает недоступен или же приходится ждать от нескольких секунд до пары минут.
Кстати по поводу соц сетей тоже неплохая идея, нужно совместить (:

[Kostelano]

FomenkoAndrey, phpBB вконтакте.

[Alecto]

FomenkoAndrey, phpBB вконтакте.

В данном решении есть два критических для меня недостатка:

Первое - кнопка размещается справа от текста сообщения, а нужно слева/от кнопок управления (как на рисунке).


Второе - кнопка выводится в первом сообщении каждой страницы темы. Нужно только в начале темы. Как это реализовать - не указывается.

Посмотрите, может поможет: Re: [Beta] Кнопка добавления в социальные закладки

Этот вариант пока не пробовал, поскольку там не указывается как реализовать функцию контакта.

[Shredder]

Как это реализовать - не указывается

Покопаться немного в шаблонах, подучить их структуру.
В начале темы - с помощью условий, по тому же принципу, как и с рекламой.

[Alecto]

Да, с этим модом я хорошо знаком. Попробую. Спасибо.

Добавлено спустя 15 минут 36 секунд:
Поставил, отлично работает. Но автор указывает об одно существенном недостатке

Хороший мод, давно себе поставил. Единственный его недостаток и весьма ощутимый, это то, что он тормозит частенько форум, ибо сервис однакнопка временами бывает недоступен или же приходится ждать от нескольких секунд до пары минут.

Кроме того, в отличие от первого варианта только с кнопкой ВКОНТАКТЕ, здесь при добавлении закладки в контакт окно изменяет свой размер, что как минимум очень напрягает и создает неудобства и, я так понимаю, исправить это возможности нет? Ктото пользовался этим модом? что скажете?

[Alecto]

В обоих модах мне кое что не понравилось, поэтому собрал из двух один, который меня на данный момент устроил. Без претензий на авторство. Если можно чтото улучшить и оптимизировать - предлагайте. Переносить стиль DIV в CSS лично я категорически против, но при желании - сделайте это сами.

Делюсь своим решением:

Найти в styles/templates/overall_header.html

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

</head>

Перед этой строкой добавить:

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

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?2"></script>

Найти в styles/templates/viewtopic_body.html

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

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="post" id="topic-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				<input type="hidden" value="{TOPIC_ID}" name="t" />
				<input type="hidden" value="msgonly" name="sf" />
			</fieldset>
			</form>
		</div>
	<!-- ENDIF -->

Добавить после:

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

	<!-- IF not S_IS_BOT -->
		<div style="float:left; margin-left:10px; margin-top:3px;">
			<script type="text/javascript"><!--
			document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
			--></script>
		</div>
	<!-- ENDIF -->

Найти:

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

<div class="topic-actions">
	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
	</div>

Добавить после:

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

	<!-- IF not S_IS_BOT -->
		<div style="float:left; margin-left:10px; margin-top:3px;">
			<script type="text/javascript"><!--
			document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
			--></script>
		</div>
	<!-- ENDIF -->

В админке: Стили -> Шаблоны -> Обновить

Результат вставки:
Верхняя кнопка ОТВЕТИТЬ


Нижняя кнопка ОТВЕТИТЬ

[Alecto]

Не знаю нужно ли... Коды размещается на строчке ниже кода для контакта.

Твиттер

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

<div style="float:left; margin-left:10px; margin-top:3px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
		</div>

В мой мир

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

		<div style="float:left; margin-left:10px; margin-top:4px;">
			<a class="mrc__share" href="http://connect.mail.ru/share">В Мой Мир</a>
			<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script>
		</div>

Может кто-нибудь помочь с кнопкой для facebook?

[wwc]

FomenkoAndrey

Замечательный МОД, но у меня вот, когда ВКонтакт выбрасывает форму ввода сообщения. вместо текста сообщения квадратики. Как бы побороться с этим явлением в стиле prosilver ?