Question

我正在尝试创建像facebook和twitter这样的弹出窗口。当你在facebook.com之外的另一个网站上点击facebook的类似按钮并且你没有登录时，它会打开一个弹出窗口，这样你就可以登录，然后，当你点击“登录”时，它会关闭返回的身份验证到你点击的网站就像按钮一样。

与推特相同。

有什么想法吗？

他们的代码是这样的：这些例子指向我工作的网站。

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;" />

Answer 1

使用您的解决方案我添加了一些修改：

对于Twitter Like Button：

<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 - ＆gt;你的网站

PIC％20配置％20工具 - ＆gt;你的文字（％20是空格键）

如果您使用Joomla 1.6创建“自定义HTML”类型的新模块，请在“显示标题”下输入您的标题，然后按“隐藏”，选择“菜单分配”，您可以在其中看到它，粘贴修改后的代码（当您在切换编辑器模式下），然后保存。

请注意，如果代码消失，请转到 - ＆gt; “内容” - ＆gt; “选项” - ＆gt; “文字过滤器” - ＆gt;选择您的用户类型并将“过滤器类型”更改为“无过滤”。

我希望这会有所帮助！

Answer 2

使用http://fancybox.net/。

应该是你所需要的完美。

创建像facebook或twitter这样的iframe

2 个答案: