Некоторое время тому назад я достаточно плотно занимался разработкой всевозможных приложений под facebook и соответственно часть проектов в формате «для души» были связаны именно с этой социальной сетью. Об одном из таких проектов и пойдет речь в этой статье, а именно об альтернативном варианте бейджа для страниц facebook. Толчком к реализации послужил удручающий внешний вид нативных бейджей. Источником вдохновения стал подход к этому вопросу у Google+. Базовые задачи были просты — простота в установке и настройке, а кроме того максимально возможная кросс-браузерность.
Исходники + Демо
Установка
- Загружаем свежую версию библиотеки FBplus.badge с репозитория проекта на GitHub
- Подключаем файл стилей
- Добавляем код виджета на страницу
* пример установки виджета можно посмотреть здесь
Настройка
Пользовательская настройка виджета выполняется посредством изменения значений атрибутов данных.
| Название атрибута | Значение по умолчанию | Краткое описание | Дополнительные сведения |
| data-width | 240 px | ширина виджета | значение должно быть в диапазоне 160 — 420 пикселей |
| data-href | --- | адрес страницы | допускается использование как полного адреса страницы так и только ее названия |
| data-rel | page | тип страницы | на данный момент виджет актуален только для facebook page |
| data-theme | light | тема оформления | может принимать значения «light» или «dark» |
| data-lang | en | язык виджета | доступны следующие значения:
|
Поддерживаемые браузеры
Google Chrome, Firefox, Safari, Opera, Internet Explorer 8+
Дополнительно
Примеры внешнего вида виджетов при выборе темной темы оформления
P. S. Буду благодарен за конструктивную критику
Recommended article: Chomsky: We Are All – Fill in the Blank.
This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.
Комментариев нет:
Отправить комментарий