Question

我在我的网站上使用facebook登录。一切都在使用facebook按钮。我想将图形图像更改为我自己的图像。我怎么能改变这个？

我目前正在使用以下内容显示按钮。

<fb:login-button v="2" size="medium" onlogin="FB_ConnectPostAuthorization()">Facebook</fb:login-button>

再次，我想要改变的只是图片本身。

Answer 1

您可以使用CSS

来完成此操作

Frist：隐藏图片按钮

#RES_ID_fb_login_image {
    display: none;
}

第二：添加我们的自定义图像作为连接链接的背景

.fbconnect_login_button {
    background: url('http://www.iconfinder.com/ajax/download/png/?id=60824&s=24') no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}

这就是全部：）

Answer 2

可以这样做。

这是按钮代码：

<fb:login-button id="fb_butonek" scope="email">Login me</fb:login-button>

将其放在CSS文件的底部：

#fb_butonek a
{
background: url("__URL_TO_IMAGE__") no-repeat;

width:247px; /*my image width*/

height:42px; /*my image height*/
}

#fb_butonek a span
{
border:0px none;
background: none;
display:none;
}

Answer 3

简而言之，不能。如果你想使用那个FBML标签，那么你就会被那个图像困住。另一种选择是将用户重定向到：

http://www.facebook.com/connect/uiserver.php
?app_id=APPID
&next=RETURNURL
&cancel_url=CANCELURL
&perms=publish_stream
&fbconnect=0
&canvas=1

他们将在登录时返回您的网页（使用返回网址作为您的网站）

更改facebook登录图片

3 个答案: