0

Здравствуйте.

Я делаю авторизацию для сайта через Facebook JavaScript SDK. Все ок, но стандартная кнопка - не очень. Как поменять картинку на свою?

1 ответ 1

3

Привет,

Я бы попробовал бы перегрузить стили facebook connect.css.

.FBConnectButton, .FBConnectButton_RTL {
background:url("/images/connect_sprite.png") no-repeat scroll 0 0 #29447E;
cursor:default;
display:inline-block;
outline:medium none;
padding:0 0 0 1px;
text-decoration:none;
}

.FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text {
background:url("/images/connect_sprite.png") repeat scroll 0 0 #5F78AB;
border-bottom:1px solid #1A356E;
border-top:1px solid #879AC0;
color:#FFFFFF;
display:block;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-weight:bold;
margin:1px 1px 0 0;
padding:2px 6px 4px;
text-shadow:none;
}

Если не получится, то можно при загрузке страницы попробовать убрать стили с кнопки и навесить, что - то родное более удобное, но обычно не меняют эту кнопочку, просто потому, что она уже всем знакома.

1
  • Хочу дополнить ответ: кнопку Facebook Connect оставляют не только потому, что к ней уже привыкли, но и потому, что Facebook прямо запрещает ее менять: facebook.com/brandpermissions/logos.php
    – stanislav
    23 янв 2011 в 11:31

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.