为其他登录链接旁边的Facebook登录按钮设置样式 [英] Styling the Facebook login button next to other login links

问题描述

我尝试将Facebook登录按钮添加到我的标题，但由于某种原因，它显示为左和其他链接的底部）。

I am trying to add the Facebook login button to my header, but for some reason it appears way left and to the bottom of other links :)

请在此测试页上测试此操作： http://www.comehike.com/test_fb_connect.php

I am testing this out on this test page: http://www.comehike.com/test_fb_connect.php

我试图让该按钮出现在页面右上角的登录链接的左侧。

I was trying to get the button to appear just left of the login link on top right of the page. How can I accomplish this?

谢谢！

推荐答案

<div class="site_login">
  <div class="facebook" >
   <fb:login-button show-faces="false" perms="user_about_me,email,user_location" autologoutlink="true" width="200" max-rows="1"> 
</fb:login-button> 
   </div>
   <div class="mylogin">
      <a class="login_link" id="login" href="/auth/log_in.php">Log in</a> |
      <a href="/auth/create_profile.php">Sign up</a> |
      <a href="/auth/forgot_password.php">Forgot Password</a> 
   </div>
</div> 

现在你可以使用：

.facebook {
  ...
}

.mylogin {
  ...
}

这篇关于为其他登录链接旁边的Facebook登录按钮设置样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！