Пользовательский скин для кнопки «Мне нравится» на Facebook - PullRequest
12 голосов
/ 16 августа 2010

Есть ли (простой) способ настроить внешний вид кнопки, подобной Facebook, реализованной с помощью fbml?

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

Ответы [ 6 ]

5 голосов
/ 05 сентября 2012

Вам не нужно совершать эти незаконные взломы. Просто используйте «Открыть график»: https://developers.facebook.com/docs/opengraph/actions/builtin/likes/. Недостатком является то, что вам нужно создать приложение.

4 голосов
/ 21 сентября 2012

Вы юристы или программисты? вопрос был в том, КАК не «... делать или не делать ...».

@ pixelistik кнопка может быть вставлена ​​с помощью тега script или iframe, и, конечно, вы можете использовать css с iframe только через JS, просто peasy.

@ скрат хорошая точка!

@ Славянский, какой именно сервис? Я называю это полуслугой, потому что вам может понравиться только - нет места для критики, так что ... ваша критика не является правильной. Понравились наши посты! : P

в общем случае: если вы создали пользовательскую кнопку и не подписали ни одного документа и т. П., Вы можете делать все, что захотите, на СВОЕЙ веб-странице.

1 голос
/ 14 июня 2012

Легкий Писи:

Просто установите непрозрачность (фильтр для ie) на 0 и поместите iframes поверх изображения или div с bg изображением. Для больших кнопок просто загрузите несколько похожих кнопок, не загружайте слишком много, это сделает вашу страницу невыносимо медленной.

1 голос
/ 16 августа 2010

Хотя это может быть даже недопустимо (проверьте условия и политики самостоятельно), вы можете сделать что-то вроде:

/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}

По этой ссылке показаны некоторые варианты мягкого стиля:

http://forum.developers.facebook.net/viewtopic.php?pid=236534

0 голосов
/ 12 января 2012

Хотя законность таких изменений находится под вопросом, я просто хотел поделиться своими выводами по этому вопросу.

Я щелкнул правой кнопкой мыши на кнопке FB Like в Firefox и осмотрел элемент с помощью firebug.Считывание элементов класса:

.connect_widget_like_button .liketext { 
  background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-position-x: -1px;
  background-position-y: -33px;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

Это существует в строке 172 файла like.php

Одна известная мне компания, использующая пользовательские графические элементы типа Disqus, однако их кнопкаэто многофункциональный элемент, который предлагает вам выбор между Facebook и Twitter onClick. Возможно, они смогут настроить его под свои нужды.

0 голосов
/ 23 ноября 2010

Привет, вы можете сделать это с помощью умного CSS - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...