Retweet Button

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

Как я это всё дело реализовал:
Скачал retweet.js, залил в папку джава-скриптами

В header.tpl прописал следующее:

<script type="text/javascript" src="{$DIR_STATIC_SKIN}/js/retweet.js"></script>

И последнее в topic.tpl и topic_list.tpl (внизу там где панелька с рейтингом, датой коментами и т.д.)
Прописал вот такую строчку:

<a href="{if $oTopic->getType()=='link'}{$DIR_WEB_ROOT}/{$ROUTE_PAGE_LINK}/go/{$oTopic->getId()}/{else}{$oTopic->getUrl()}{/if}" class="retweet">{$oTopic->getTitle()|escape:'html'}</a>


Но вот наблюдается такая непонятная штука, когда я перехожу на mysite.ua/index/page2/ — кнопка пропадает… Может я не так что-то прописал?

Посмотреть можно сдесь unixhome.org.ua
Версия движка 0.3.1

9 комментариев

avatar
что-то с ЦСС скорее всего так как линк есть а вот кнопка пропала
avatar
Да мне вот кажется что с css нормально, заметил такую фишку что когда ты не авторизованный в twitter то добавить можно только заголовок поста, а ссылка определяется как неизвестно (не помню точное слово), может быть это и не так… еще тестим…
avatar
напишите, что это для 0.3
avatar
Подписал, версия 0.3.1
avatar
тут дело в css, попробуйте пошаманить с css разделением для topiclist и для topic.

p.s: firebug в именно в топике не может найти изображение по указаной урле.разделение стиля должно помочь, хоть это и не совсем верно.
avatar
Сегодня поковырял данный скрипт у меня работает на ура тут:))
Попробуй перенести CSS из данного скрипта в CSS шаблона. Имхо, правильней будет. Скорее всего проблемма у тебя именно в нём, если хочешь могу поделиться своим (после правки) скриптом, хотя править там думаю есть ещё что.

Если нужен экземпляр который правил могу поделится, только настройки на свои поправьте.
Скрипт
в style.css шаблона прописал настройки из скрипта поправив под меня:
.topic .voting li.social a.retweet { font: 12px Helvetica,Arial; color: #000; text-decoration: none; border: 0px; }
.topic .voting li.social a.retweet span { color: #FFF; background: url(../images/twitter3.png) no-repeat; padding: 2px; margin-left: 0px; }

после чего работает, вроде без глюка
ну и в topic.tpl и topic_list.tpl соответственно:
после строки 
<li class="date">{date_format date=$oTopic->getDateAdd()}</li>

пишем:
<li class="social"><a href="{if $oTopic->getType()=='link'}{$DIR_WEB_ROOT}/{$ROUTE_PAGE_LINK}/go/{$oTopic->getId()}/{else}{$oTopic->getUrl()}{/if}" class="retweet"><strong></strong><span>{$oTopic->getTitle()|escape:'html'}</span></a></li>
avatar
Да только поправить под свой шаблон это надо у меня переваянный new и ls 0.4
avatar
Хорошо, но надо как то без , а то эта черточка под картинкой, вообще не красиво…
avatar
чёрточку можно убрать, просто лень возится было.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.