2011-12-03 16 views
0

我已經在我的應用程序中實現gmail oAuth,一切正常。我如何更改圖像loginbutton(gmail oAuth)像stackoverflow

問題是我該如何更改gmail帳戶登錄按鈕的圖像。

我想使它像堆棧溢出。

我的代碼如下,我無法找到如何更改由oAuth提供的谷歌按鈕。

<script type="text/javascript"> 

    google.load("identitytoolkit", "1.0", { packages: ["ac"] }); 
</script> 
<script type="text/javascript"> 
    $(function() { 
     window.google.identitytoolkit.setConfig({ 
      developerKey: '<%=ConfigurationManager.AppSettings["developerKey"].ToString() %>', 
      companyName: '<%=ConfigurationManager.AppSettings["companyName"].ToString() %>', 
      callbackUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "ResultGmail.aspx", 
      realm: "", 
      userStatusUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Login.aspx", 
      loginUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Login.aspx", 
      signupUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "ResultGmail.aspx", 
      homeUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Default.aspx", 
      logoutUrl: '<%=ConfigurationManager.AppSettings["weburl"].ToString() %>' + "Default.aspx", 
      language: "en", 
      idps: ["Gmail"], 
      tryFederatedFirst: true, 
      useCachedUserStatus: false 
     }); 
     $("#navbar").accountChooser(); 
    }); 



</script> 

enter image description here

這是否有意義,請讓我知道如果需要更多的細節。

回答

0

我不確定Google提供的Oauth按鈕是什麼意思?如果您想要獲得與OAuth使用的登錄屏幕相同的地方,則使用java-script將用戶發送到OpenID系統。

堆棧溢出不使用OAuth,但它使用Open-ID協議讓用戶使用任何開放式ID提供程序登錄。

這裏是使用相同的登錄畫面堆棧溢出使用的項目鏈接,如果你想只圖像和屏幕布局可以使用部分

Open ID Selector