创建一个像facebook或twitter这样的框架

Question

我想创建一个像facebook和twitter的弹出窗口。当你点击facebook的一个喜欢的按钮在另一个网站除了facebook.com，你没有登录，它打开一个弹出窗口，这样你就可以登录，然后，当你点击"登录"，它关闭返回认证到你点击喜欢的按钮的网站。

twitter也是如此。

任何想法?

它们的代码如下:这些例子都指向我工作的网站。

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

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

For 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>

For Facebook Like Button:

</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"的新模块，在"显示标题"下给它你的标题，按隐藏，选择"菜单分配"你想看到的地方，粘贴你修改的代码(当你在切换编辑器模式时)，并保存。

• 请注意，如果代码消失，请进入->"内容"->"选项"->"文本过滤器"->选择您的用户类型，并将"过滤器类型"更改为"无过滤"。

我希望这对你有帮助!

Answer 2

使用http://fancybox.net/。