Создание фрейма, такого как Facebook или Twitter - PullRequest
0 голосов
/ 14 апреля 2011

Я пытаюсь создать всплывающее окно, как Facebook и Twitter.Когда вы нажимаете кнопку «Мне нравится» в Facebook на другом веб-сайте, кроме facebook.com, и вы не вошли в систему, открывается всплывающее окно, чтобы вы могли войти в систему, а затем, когда вы нажимаете «Войти», он закрывает возврат аутентификации навеб-сайт, на котором вы нажали кнопку «Мне нравится».

То же самое с твиттером.

Есть идеи?

Их код такой: Эти примеры указывают на сайт, на котором я работаю.

Twitter:

<iframe frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?counturl=http://www.cromaz.com&amp;count=horizontal&amp;via=mundocromaz&amp;text=Cromaz,%20rede%20social%20pra%20vizinhos!%20100%25%20brasileira!&amp;url=http://www.cromaz.com&amp;" style="width:105px; height:20px; overflow:hidden; position:relative; left:3px;" />

Facebook:

<iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&amp;href=http://www.facebook.com/pages/Cromaz/139676989421131&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21;"  scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px; position:relative; left:6px;" />

Ответы [ 2 ]

1 голос
/ 25 апреля 2011

Используя ваше решение, я добавил несколько модификаций:

Для кнопки «Нравится» на Twitter:

<iframe allowtransparency="true"
src="http://platform.twitter.com/widgets/tweet_button.html?counturl=http://www.divinersystems.com
        &amp;count=horizontal
        &amp;text=PIC%20Configuration%20Tool
        &amp;url=http://www.divinersystems.com"
_mce_src="http://platform.twitter.com/widgets/tweet_button.html"
style="border: medium none; overflow: hidden; width: 80px; height: 21px;"
_mce_style="border: none; overflow: hidden; width: 80px; height: 21px;" frameborder="0" scrolling="no">
</iframe>

Для кнопки «Нравится» на Facebook:

</iframe> allowtransparency="true"
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.divinersystems.com
        &amp;layout=button_count
        &amp;show_faces=false
        &amp;width=400
        &amp;action=like
        &amp;font
        &amp;colorscheme=light
        &amp;height=21"
_mce_src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.divinersystems.com
        &amp;layout=button_count
        &amp;show_faces=false
        &amp;width=400
        &amp;action=like
        &amp;font
        &amp;colorscheme=light
        &amp;height=21"
style="border: medium none; overflow: hidden; width: 400px; height: 21px;"
_mce_style="border: none; overflow: hidden; width: 400px; height: 21px;"
frameborder="0" scrolling="no">
</iframe>

Для вашего сайта замените:

www.divinersystems.com -> ваш сайт

PIC% 20Configuration% 20Tool -> ваш текст (% 20 - пробел)

Если вы используете Joomla 1.6, создайте новый модультипа «Пользовательский HTML», присвойте ему свой заголовок в разделе «Показать заголовок», нажмите «Скрыть», выберите «Назначение меню» там, где вы хотите его видеть, вставьте измененный код (когда вы находитесь в режиме «Редактор переключателя») и сохраните.

  • Обратите внимание, что если код исчезнет, ​​перейдите к -> «Содержимое» -> «Параметры» -> «Текстовые фильтры» -> выберите тип пользователя и измените «Тип фильтра» на «Без фильтрации».

Надеюсь, это поможет!

0 голосов
/ 14 апреля 2011

Использование http://fancybox.net/.

Должно быть идеально для того, что вам нужно.

...