Блог

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

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

Есть идея?

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

Twitter:

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

Facebook:

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

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

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

 <iframe allowtransparency="true"
src="http://platform.twitter.com/widgets/tweet_button.html?counturl=http://www.divinersystems.com
        amp;amp;count=horizontal
        amp;amp;text=PIC Configuration Tool
        amp;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 Like:

 </iframe> allowtransparency="true"
src="http://www.facebook.com/plugins/like.php?href=http://www.divinersystems.com
        amp;amp;layout=button_count
        amp;amp;show_faces=false
        amp;amp;width=400
        amp;amp;action=like
        amp;amp;font
        amp;amp;colorscheme=light
        amp;amp;height=21"
_mce_src="http://www.facebook.com/plugins/like.php?href=http://www.divinersystems.com
        amp;amp;layout=button_count
        amp;amp;show_faces=false
        amp;amp;width=400
        amp;amp;action=like
        amp;amp;font
        amp;amp;colorscheme=light
        amp;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 Configuration Tool -> ваш текст ( — пробел)

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

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

Я надеюсь, что это помогло бы!

Используйте http://fancybox.net /.

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