Last twitter status in member profile
ОписаниеМм… в профиле юзера будет выводиться последний статус из социальной сети Twitter.
АвторGmStaff
Скриншоты
Функции идентичны оригинальным — например, при наведении на никнейм появляется тултип, который показывает немного информации.
Демо@gm-community.net
ИнструкцияДля начала добавляем дополнительное поле профиля, тип «Текстовое поле одной строкой»- Заголовок — Twitter
- Описание — Ваш никнейм в социальной сети Twitter
- Категория поля профиля — по желанию
- Значение по умолчанию — оставляем пустым
- Максимальное количество символов в значении поля — 25
Далее по желанию.
Запоминаем id поля, у меня, например, это field10.
Затем подключаем в шаблоне headinclude используемого стиля:jQuery (да-да, именно так), либо качаем с официального сайта, либо используем мое хранилище (о нем ниже).
jTweetsAnywhere, оф. сайт.
[s]CSS от jTweetsAnywhere[/s] Подключим непосредственно в MEMBERINFO. Также можно поступить с JS скриптами выше.
Добавляем в headinclude:- При использовании моего хранилища:
Код:
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
<script type="text/javascript" src="http://storage.gm-community.net/js/jquery.js"></script>
<script type="text/javascript" src="http://storage.gm-community.net/js/jquery.jtweetsanywhere.js"></script>
- При скачке скриптов с оф.сайтов и последующим отправлением скриптов в /clientscript:
Код:
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
<script type="text/javascript" src="clientscript/jquery.js"></script>
<script type="text/javascript" src="clientscript/jquery.jtweetsanywhere.js"></script>
В шаблон MEMBERINFO добавляем:- При использовании моего хранилища:
Код:
@import url("http://storage.gm-community.net/css/jquery.jtweetsanywhere.css");
- При скачке дистрибутива с оф.сайта и последующим отправлением css файла в /clientscript:
Код:
@import url("clientscript/jquery.jtweetsanywhere.css");
Затем, ищем
Код:
<if condition="$prepared['usertitle']">
<h2>$prepared[usertitle]</h2>
</if>
Ниже добавляем:
Код:
<if condition="$userinfo[fieldX]">
<div id="TwitterStatus"></div>
<script type="text/javascript">
$('#TwitterStatus').jTweetsAnywhere({
username: '$userinfo[fieldX]',
count: 1
});
</script>
</if>
Где fieldX — id дополнительного поля, которое мы добавляли в начале.
Вот и всё, в общем-то.