Навигация
 
Сейчас на сайте
Гостей: 17

Гости:
[Ваш IP] 03:29:24
/Форум/Тема
Bing [Bot] 03:29:22
/Форум/Главная
54.36.150.88 03:28:42
/Форум/Тема
54.36.150.7 03:28:30
/Форум/Тема
54.36.148.115 03:27:54
/main.php
46.229.168.140 03:27:36
/Форум/Главная
46.229.168.130 03:27:34
/Форум/Тема
46.229.168.129 03:27:31
/Форум/Тема
46.229.168.144 03:27:29
/Форум/Тема
54.36.150.166 03:27:08
/Форум/Тема
7 - не показано

Всего пользователей: 116
Новый пользователь: Tim
 
RSS потоки
RSS Форумы: тема

RSS Новости
RSS Комментарии
RSS Форумы
RSS Статьи
RSS Фотогалерея
RSS Файлы
RSS Ссылки
 
Нажималка
[хочу себе такую панельку!]



Ваш код:
(кнопка | ссылка)

[Полный список кнопок]
 
Автор: Polarfox
ID темы: 295
Информация
В этой теме сообщений: 1, просмотров темы: 10612.
Просмотр темы
unLogic Lab » Разработка (Development) » Панели (Panels: RC, A, B)
 Распечатать тему
Twitter - центральная панель
Polarfox
Подходит для любых сайтов


Что это?
Вывод последних/избранных твитов для конкретного аккаунта.
Есть немного стилизации и переключения.

Возможности
Переключение между режимами нажатием на заголовок или псевдоссылку, подгрузка второго кода при клике.

Пример
На главной

Установка содержит в себе несколько обязательных шагов - но это несложно:
Шаг 1
Создайте себе виджет по ссылке
https://twitter.c...gs/widgets
и настройте его, по умолчанию у нас должны быть в итоге 2 виджета - последние твиты и избранные твиты.
1a
После создания нам необходимо скопировать ЧАСТЬ кода для вставки - вроде такого
<a class="twitter-timeline"  href="https://twitter.com/USERNAME/favorites"  data-widget-id="123456789">Избранные твиты от @USERNAME</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

1b
Скопируйте только первую ссылку (Скрытый текст: <a class="twitter-timeline" href="https://twitter.com/USERNAME/favorites" data-widget-id="123456789">Твиты пользователя @USERNAME</a>), она нам пригодится для шага 2.\

1c
Так же скопируйте только первую ссылку из виджета избранных твитов (там где Избранные твиты от@USERNAME), она нам пригодится для шага 3


Шаг 2 - этот и следующий (2 и 3) шаг мы будем работать с кодом панели
Вставьте ссылку "Твиты пользователя" из п.1b , вместо комментария в коде (Скрытый текст: <!-- см. документацию - шаг 2 - и потом вставьте код сюда -->)

Шаг 3
Тут немного иначе, вначале замените в коде второй ссылки: class="twitter-timeline" на class="twi-nowoff"
должно получиться примерно так
<a class="twi-nowoff" href="https://twitter.com/USERNAME/favorites" data-widget-id="123456789">Избранные твиты от @USERNAME</a>
Затем вставьте ссылку "Избранные твиты" которую мы подправили, вместо комментария в коде (Скрытый текст: <!-- см. документацию - шаг 3 - и потом вставьте код сюда -->)

Шаг 4
  • Создайте центральную панель
  • Вставьте код
  • Сохраните
  • Включите панель


Код
Скачать исходный код  GeSHi: HTML выделить всё
  1. ?>
  2. <style type="text/css">
  3. /*<![CDATA[*/
  4. iframe.twitter-timeline {width: 100%;}
  5. #twi_capt {margin:1em;border-radius: 5px;padding:0.5em;cursor:pointer;}
  6. #twi_panel {margin:0 1em;float:right;text-align:left;border-radius: 5px;padding:1em;width:170px}
  7. #twi_btn_lf {cursor:pointer;border-bottom:1px dashed;font-weight:bold;}
  8. #twi_main {margin: 0 230px 0 0;width: auto;}
  9. #twi_inner {margin:1em;}
  10. /*]]>*/
  11.  
  12. <h3 id="twi_capt" class="tbl-border tbl" style="">&nbsp;</h3>
  13.  
  14. <div id="twi_panel" class="tbl-border tbl2" style="">Чирикалка
  15. <br/>
  16. <p><b>Опции:</b></p>
  17. <p>Вывести: <span id="twi_btn_lf" style="">&nbsp;</span></p>
  18. </div>
  19.  
  20. <div id="twi_main" style="">
  21.  
  22. <div id="twi_inner" style="">
  23.  
  24. <div id="twi_last">
  25. <!-- см. документацию - шаг 2 - и потом вставьте код сюда -->
  26. </div>
  27.  
  28. <div id="twi_fav" style="display:none;">
  29. <!-- см. документацию - шаг 3 - и потом вставьте код сюда -->
  30. </div>
  31.  
  32. </div>
  33.  
  34. </div>
  35.  
  36. twi_isfc = true;twi_isactivela = true;twi_slocla="свежие";twi_slocfa="избранные";
  37. function twi_sloc(){
  38. jQuery("#twi_capt").text( (twi_isactivela ? twi_slocla : twi_slocfa ).toUpperCase() );
  39. jQuery("#twi_btn_lf").text( (twi_isactivela ? twi_slocfa : twi_slocla ) );
  40. }
  41. jQuery(document).ready(function() {
  42. twi_sloc();
  43. jQuery("#twi_btn_lf, #twi_capt").click(function() {
  44. if(twi_isfc){
  45. jQuery("#twi_fav a").removeClass("twi-nowoff").addClass("twitter-timeline");
  46. twttr.widgets.load();
  47. twi_isfc = false;
  48. }
  49. jQuery("#twi_fav").fadeToggle("fast");
  50. jQuery("#twi_last").fadeToggle("fast");
  51. twi_isactivela = (!twi_isactivela);
  52. twi_sloc();
  53. });
  54. });
  55.  
  56. !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  57.  
  58. <noscript><p>Вот беда, у вас выключен javascript, а без него этой панели нету...</p></noscript>
  59. <?php /*(c) PolarFox*/


Более ни с чем не тестировал (нет необходимости), но возможно будет работать и с другими комбинациями.
unLogic creator | For English speaking users
unlogic.info/images/unapproved_dev.png
 
http://unlogic.info
Перейти на форум:
 
Подобные темы
Темы Форум Ответов / Просмотров Последние сообщения
Мод-миничат (ajax) - панель+архив  →  Почти готово (RC) 118 / 744978 2.04.2015 10:07:46
FirstPost - первый пост на всех страницах - панель  →  Альфа (Alpha) и Бета (Beta) 6 / 31944 12.04.2014 19:22:26
Ad oculos - панель навигации с выпадающими подменю и картинками  →  Неподдерживаемое (unsupported) 30 / 94147 4.02.2014 15:20:11
Sliding Login Panel - панель-слайдер для входа - панель  →  Обзоры (reviews) 5 / 24385 13.06.2013 07:08:24
RSS Parser Panel - панель для обработки RSS - панель  →  Обзоры (reviews) 0 / 8286 9.06.2013 14:31:04
Favicon Manager - менджер иконки сайта - панель+плагин  →  Обзоры (reviews) 0 / 7752 28.05.2013 11:47:21
Spam Report Panel - Панель для сообщения о спаме - плагин  →  Обзоры (reviews) 0 / 8884 23.05.2013 16:39:24
Archives Panel - Панель архивов - плагин  →  Обзоры (reviews) 0 / 6955 23.05.2013 16:29:29
Forum poster - панель-плагин  →  Альфа (Alpha) и Бета (Beta) 6 / 36588 24.02.2013 12:37:45
RSS для портала + панель  →  Почти готово (RC) 34 / 212607 17.12.2012 19:00:54