Как стиль Twitter всплывающее

Question

Я добавил кнопку «Поделиться в Twitter» в свой блог, используя следующий код:

<a class="twitter popup" href="http://twitter.com/share?text=mytext">Tweet Me</a>

и открываю его во всплывающем окне с:

    <script type="text/javascript">
 $('.popup').click(function(event) {
    var width  = 575,
        height = 400,
        left   = ($(window).width()  - width)  / 2,
        top    = ($(window).height() - height) / 2,
        url    = this.href,
        opts   = 'status=1' +
                 ',width='  + width  +
                 ',height=' + height +
                 ',top='    + top    +
                 ',left='   + left;

    window.open(url, 'twitte', opts);

    return false;
  });</script>

Есть способ стилизоватьвсплывающее окно?Я хочу, чтобы мое стилизованное всплывающее окно содержало форму Twitter.

Answer 1

Если вам нужен полный контроль над внешним видом, тогда Twitter @anywhere Tweet Box - это то, что вам нужно реализовать.Ну, либо это, либо получите клиентскую библиотеку Twitter и используйте свой собственный подход.

Использование @anywhere потребует от вас установки приложения на dev.twitter.com , и ваши пользователинеобходимо авторизовать ваше приложение для публикации твита, но это цена, которую вы платите за гибкость.

Twitter Web Intents может быть альтернативой для вас, но макет, отображаемый во всплывающем окне, будетТвиттер, а не твой.Однако стоит упомянуть, поскольку у вас нет требования к регистрации приложения.

Web Intents предоставляет оптимизированные для всплывающих окон потоки для работы с пользователями Tweets & Twitter: Tweet, Reply, Retweet, Favorite,и следуй.Они позволяют пользователям взаимодействовать с контентом Twitter в контексте вашего сайта, не покидая страницу или не авторизуя новое приложение только для взаимодействия.

Answer 2

Почему бы вам не воспользоваться "кнопкой чирикания", предоставленной Twitter, и она позаботится обо всем ...

http://dev.twitter.com/pages/tweet_button

Answer 3

Вы можете:

1. Используйте API Twitter для публикации сообщений от имени ваших пользователей. Таким образом, вы получаете полный контроль над функциональностью / разметкой, но это также означает, что ваши пользователи должны авторизовать ваше приложение, и большинство пользователей устойчивы к этому.
2. Создайте <form>, который имеет те же элементы ввода / имена, что и страница твиттера (http://twitter.com/intent/tweet?text=mytext).. Это обязательно сломается, поскольку они могут изменять требуемые параметры в любое время и без предупреждения.

Однако: Я не рекомендую ничего из этого, так как оба изгонят пользователей. Официальная и официальная страница в Твиттере им знакома, и они с большей вероятностью что-то из нее опубликуют. Кроме того, присутствие в домене twitter.com дает им (ну, некоторым из них) чувство безопасности.

Answer 4

Если вы просто открываете содержимое страницы в стандартном окне / вкладке браузера, у вас мало контроля над тем, как это выглядит. Вы можете получить больше возможностей для управления и стилизации, если откроете его в том же окне браузера, но, возможно, в стиле лайтбокса. Вот несколько плагинов lightbox для jQuery, которые вы можете попробовать:

http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts