Кнопка «Мне нравится» в стиле Facebook - PullRequest
2 голосов
/ 30 сентября 2010

Я борюсь с этим некоторое время сейчас, но безуспешно.Установка стиля с помощью jquery не работает, как и после фрейма в Facebook.Есть ли способ выполнить эту задачу?

<iframe src="http://www.facebook.com/plugins/like.php?&href=http%3A%2F%2Fwww.example.com&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=23" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:23px;" allowTransparency="false"></iframe>          

<style>
    .connect_widget_not_connected_text, .connect_widget_connected_text {
        color:white;
    }
    .connect_widget_connected_text a {
        color:#3B5998;
    }
</style>

<script type="text/javascript">
    $(function() { 
        $('.connect_widget_not_connected_text').css('color', 'white');
    });
</script>

Ответы [ 5 ]

8 голосов
/ 05 октября 2010

Я уверен, что вы можете придумать CSS-трюк для стилизации кнопки, но тем самым вы нарушаете Условия предоставления услуг Facebook. Вам НЕОБХОДИМО отобразить кнопку «Мне нравится» в одном из своих официальных стилей.

4 голосов
/ 10 мая 2012

В качестве альтернативы используйте ссылку для обмена, например

https://www.facebook.com/sharer.php?u=url_to_share&t=title_of_content

Подробнее см. https://developers.facebook.com/docs/share/.

0 голосов
/ 31 июля 2012

Похоже, что вы используете реализацию iframe, и, вероятно, вы не сможете использовать эту реализацию и стилизовать ее так, как хотите.Однако вы можете захотеть показать другие способы реализации кнопки «Мне нравится» в Facebook, например, с использованием XFBML

.
0 голосов
/ 01 марта 2011

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

Взгляните на эту страницу, может быть, может помочь вам в этом

0 голосов
/ 30 сентября 2010

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

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