Текущее время: 29 мар 2024, 09:06


Форум временно переведен в режим "Только для чтения". По вопросам технической поддержки, обращайтесь, пожалуйста на admin@getbb.ru

 

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 2 ] 
Автор Сообщение
 Заголовок сообщения: Скрипт Блок "Мы в Facebooke"
СообщениеДобавлено: 06 дек 2012, 12:24 
Универсальный Гений
Аватара пользователя

Зарегистрирован: 03 мар 2008, 21:49
Сообщений: 891
Откуда: 07700, Украина, Киевская обл., г.Яготин.
Очков репутации: 51

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Реализован такой сприпт. Подробности тут: _http://developers.facebook.com/docs/plugins/
На рисунке это вот так выглядит:
Изображение
Например выбираем первый вариант:
Цитата:
Like Button
The Like button lets users share pages from your site back to their Facebook profile with one click.

Так как я вставляю у себя на портал и ширина данного блока 180 пикселей, то выбираю вариант: вертикальный так сказать и без рисунков аватаркок, кому понравилось.
Вариант:
Код:
Layout Style (?) - box-сount

URL to Like (?) свою созданную страничку сообщества, как пример в то поле вписываю:
Код:
http://www.facebook.com/MoyLubimyjGorodJagotin

Жмем
Код:
Get Code

И в результате скрипт вставляю: (у себя на портал к примеру) можно и в другое место, не обязательно в портал:
Код:

<!-- Мы В Фейсбуке -->
<table class="tablebg" cellspacing="0" width="100%">
                <tr>
<th style="text-align:left; border: 1px solid #ADBAC6; padding-left:5px;"><span style="float: "><img src="./styles/subsilver2/theme/images/portal/portal_menu.png" alt="" height="16px" width="16px"/> Мы в фейсбуке</span></th>
                </tr>
                <tr class="row1">
                <td style="padding: 8px; padding-left:5px; border: 1px solid #ADBAC6;">
                <center>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/MoyLubimyjGorodJagotin" data-send="false" data-width="80" data-show-faces="false"></div>

                </center>
                </td>
                </tr>
                </table>
<!-- Мы В Фейсбуке -->



Я убрал эту часть
Код:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Вроде код работает. И если убрать - эту часть - код валиден. Не убрать - не валиден. Смотрите сами. Код изучается.

Добавлено спустя 45 минут 42 секунды

Прошу прощение. Код не валиден, у кого xhtml 1.0 все равно, а это у меня :( Этот код наверное у кого xhtml 5.0, работает) а так Марк Цукерберг - не подходит он мне. :sorry: Пойду писать Марк Цукербергу - сделайте код для xhtml 1.0 - чнать бы его почту :)

Добавлено спустя 46 минут 46 секунд

Но все равно кто не обращает внимание на валидатор - то ставьте на здоровье. :wink:

Добавлено спустя 1 час 55 минут 54 секунды

Реализация для кого код валидности ничего не значит. То, что выделено красным - нужно и можно изменить на свое, оно изменяется:
Цитата:
<!-- Мы В Фейсбуке -->
<table class="tablebg" cellspacing="0" width="100%">
<tr>
<th style="text-align:left; border: 1px solid #ADBAC6; padding-left:5px;"><span style="float: "><img src="./styles/subsilver2/theme/images/portal/portal_menu.png" alt="" height="16px" width="16px"/> Мы в фейсбуке</span></th>
</tr>
<tr class="row1">
<td style="padding: 8px; padding-left:5px; border: 1px solid #ADBAC6;">
<center>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/MoyLubimyjGorodJagotin" data-send="false" data-width="80" data-show-faces="false"></div>

</center>
</td>
</tr>
</table>
<!-- Мы В Фейсбуке -->


Добавлено спустя 1 час 57 минут 10 секунд

К сожалению я этот код не поставлю, пока не выясню с валидностью кода у самих програмистов фейсбука.

_________________
Єдина Країна / Единая Страна


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Скрипт Блок "Мы в Facebooke"
СообщениеДобавлено: 30 мар 2013, 03:20 
Универсальный Гений
Аватара пользователя

Зарегистрирован: 03 мар 2008, 21:49
Сообщений: 891
Откуда: 07700, Украина, Киевская обл., г.Яготин.
Очков репутации: 51

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Решение найдено :Yahoo!: Код полностью валиден и переработан немного мной для XHTML 1.0, проверено.
Текст:
Код:
<!-- Мы Facebook -->
<table class="tablebg" cellspacing="0" width="100%">
                <tr>
<th style="text-align:left; border: 1px solid #ADBAC6; padding-left:5px;"><span style="float:left"><img src="./styles/subsilver2/theme/images/portal/portal_menu.png" alt="" height="16px" width="16px"/> Мы Facebook</span></th>
                </tr>
                <tr class="row1">
                <td style="padding: 8px; padding-left:5px; border: 1px solid #ADBAC6;">
                <center>
<div class="layer">
<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=373840496033839&amp;width=360&amp;height=255&amp;connections=10&amp;stream=false&amp;header=false&amp;locale=en_US"  scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; width: 360px; height: 255px;"></iframe>
</div>
               </center>
                </td>
                </tr>
                </table>
<!-- Мы Facebook -->

Где id=373840496033839 - это мой идентификатор страницы, в моем случае "Мой любимый город Яготин", у Вас будет свой, когда создадите свой проект в фейсбуке, чтобы сослаться на свой же сайт и наоборот :)
Как увидеть идентификатор? Когда будете приглашать людей на свою страничку, то ищите блок на своем проекте в фейсбуке, в стиле ну как у меня:
Цитата:
6 друзьям нравится Мой любимый город Яготин

наводим мышкой на "друзьям" - и показывается ссылка такого характера
Код:
http://www.facebook.com/browse/friended_fans_of/?page_id=373840496033839

вуаля, так мы обнаружили идентификатор.

_________________
Єдина Країна / Единая Страна


Не в сети
 Профиль WWW Cпасибо сказано  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 2 ] 

 

Часовой пояс: UTC + 3 часа [ Летнее время ]



 Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  

 
cron