Настройка фан-бокса Facebook - PullRequest
Новая
       33

Настройка фан-бокса Facebook

1 голос
/ 28 сентября 2011

HTML, с CSS для файла на localhost: 

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/pages/abc/143772917800992?created" width="200" height="550" show_faces="true" stream="false" header="false" css="http://localhost/abc/templates/index/images/fb.css?1" >
</fb:like-box>

CSS: 

@charset "utf-8";
/* CSS Document */
.fan_box a:hover{
  text-decoration: none;
}
.fan_box .full_widget{
  height: 200px;
  border: 0 !important;
  background: none !important;
  position: relative;
}
.fan_box .connect_top{
  background: none !important;
  padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
  display: none;
}
.fan_box .connect_action{
  padding: 0 !important;
}
.fan_box .connections{
  padding: 0 !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
}
span.total{
  color: #FF6600;
  font-weight: bold;
}
.fan_box .connections .connections_grid {
  padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
  padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight: normal;
  color: #666 !important;
  padding-top: 1px !important;
}
.fan_box .connect_widget{
  position: absolute;
  bottom: 0;
  right: 10px;
  margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
  margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
  padding: 0 !important;
}

Кажется, что Facebook не загружает файл CSS. В чем проблема?

Ответы [ 3 ]

1 голос
/ 27 марта 2012

CSS не может быть загружен с локального хоста, потому что Facebook нужно загрузить (и кешировать) его со своих серверов. То есть он должен быть где-то доступным для их серверов.

1 голос
/ 26 января 2013

Facebook отозвал эту опцию.Теперь вы не можете добавить любой такой CSS-файл в ваш лайк-бокс или фан-бокс.Он прекратил работать везде с 24 января 2013 года.

0 голосов
/ 28 сентября 2011

, потому что блок вентилятора - это iframe, а iframes нельзя стилизовать из документа parant. asfaik facebook не хочет, чтобы вы настраивали этот дизайн, чтобы он соответствовал требованиям, однако у вас может быть версия с инвертированным цветом и некоторые другие шрифты.

...