Увеличение размера кнопки отправки Facebook? - PullRequest
1 голос
/ 18 февраля 2012

Есть ли способ увеличить кнопку отправки Facebook, используя для этого css?

Маленькая кнопка отправки кажется очень миниатюрной для сайта, который я пытаюсь создать с большим размером шрифта

Пожалуйста, помогите

Ответы [ 2 ]

3 голосов
/ 18 февраля 2012

Вы можете использовать CSS-преобразования , такие как scale, scaleX или scaleY , чтобы изменить размер элементов.

Чтобы получить Кнопка отправки размером 150%, вы можете использовать что-то вроде:

.fb-send, fb\:send {
  transform: scale(1.5);
}

Вы можете увидеть это в действии (без заполнения)

Примечания

  • Помните о специфичных для браузера префиксах: -webkit, -moz, -o и -ms.
  • Internet Explorer поддерживает преобразования CSS только с версии 9, поэтому вам нужно будет использовать polyfill для поддержки более старых версий.

Обновление:
Помимо использования CSS для масштабирования оригинальной кнопки, вы можете использовать Send Dialog , как предложено в другом ответе. Используйте JavaScript SDK (используя метод send из FB.ui) и свою пользовательскую кнопку, которая может выглядеть так, как вы хотите, просто запустите следующий код после нажатия на пользовательскую кнопку:

FB.ui({
  method: 'send',
  name: document.title,
  link: document.location.href
});
1 голос
/ 18 февраля 2012

Вы не можете.Кнопка «Отправить» находится внутри iFrame, поэтому вы не можете изменить ее внешний вид за пределами предоставленных опций здесь .Я рекомендую использовать Graph API диалоговое окно отправки и создать собственную кнопку (вы можете даже взять CSS / Styles из FB, если хотите):

...