Добавление иконок Font Awesome в виджеты сайдбара и не только

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Добавление иконок Font Awesome в виджеты сайдбара и не только - Font Awesome в виджетах сайдбара и не только

Всё тоже - [SC] Sidebar Block - Font Awesome и чуть больше , но средствами less/css.
Добавляем шаблон extra.less.

.block {
    h3:before {
        display: inline-block;
        font-family: FontAwesome;
        padding-right: 3px;
    }
       
    &[data-widget-section="staffMembers"] {
        h3:before {
             content: "\f0e3";
        }
    }...

Узнать больше об этом ресурсе...

 

[RealKot]

А можно доработать еще для этих блоков? :)

 

[Mirovinger]

Можно, но вот блока с посещением я не наблюдаю у Вас для примера на форуме.

 

[RealKot]

OFFTOP

Можно, но вот блока с посещением я не наблюдаю у Вас для примера на форуме.

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

Можно тогда только для блока соц.ссылок? :)

 

[Mirovinger]

Нет, должен быть виден всем.

 

[RealKot]

OFFTOP

Нет, должен быть виден всем.

А где настраивается видимость? В правах групп не увидел.

 

[Mirovinger]

Mirovinger обновил(а) ресурс Добавление иконок Font Awesome в виджеты сайдбара и не только новой записью:

New

Добавлены иконки для блоков дополнений - [XFI] Иконки социальных сетей в сайдбаре и [JUM] Who Has Visited (Lite).

Узнать больше об этом обновлении...

 

[root]

Мануал под Font Awesome 5

.block {
    h3:before {
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        padding-right: 3px;
    }
    
    &[data-widget-section="staffMembers"] {
        h3:before {
             content: "\f0c0";
        }
    }

    &[data-widget-section="onlineNow"] {
        h3:before {
             content: "\f007";
        }
    }
    

    &[data-widget-definition="new_profile_posts"] {
        h3:before {
             content: "\f086";
        }
    }

    &[data-widget-definition="forum_statistics"] {
        h3:before {
             content: "\f080";
        }
    }

    &[data-widget-definition="share_page"] {
        h3:before {
             content: "\f14d";
        }
    }

    &[data-widget-definition="xfrm_new_resources"] {
        h3:before {
             content: "\f187";
        }
    }

    &[data-widget-definition="xfrm_top_resources"] {
        h3:before {
             content: "\f091";
        }
    }

    &[data-widget-definition="xfrm_latest_reviews"] {
        h3:before {
             content: "\f005";
        }
    }
    
    
    &[data-widget-key="xfrm_overview_top_authors"] {
        h3.block-minorHeader:before {
             content: "\f201";
        }
    }
}

Результат:

 

[Mirovinger]

Mirovinger обновил(а) ресурс Добавление иконок Font Awesome в виджеты сайдбара и не только новой записью:

XF2.1.x + FA5

• Совместимость с XenForo 2.1.x
• Рефакторинг

Узнать больше об этом обновлении...

 

[Vincod]

Здравствуйте а возможно добавить фавиконки на виджеты не имеющие data-widget-section

 

[Skaiman]

Во первых при чем здесь фавикон? А так то все виджеты имеют data-widget-definition и data-widget-key, а при создании своего виджета можно и класс присвоить

 

[Vincod]

Во первых при чем здесь фавикон? А так то все виджеты имеют data-widget-definition и data-widget-key, а при создании своего виджета можно и класс присвоить

Иконку ) т9 шалит ) спасибо внимательнее посмотрю

 

[Skaiman]

внимательнее посмотрю

описание внимательно посмотри, data-widget-section у виджетов Команды и Пользователей онлайн, как бы он один, но поделен на два

 

[Vincod]

Во первых при чем здесь фавикон? А так то все виджеты имеют data-widget-definition и data-widget-key, а при создании своего виджета можно и класс присвоить

У html виджетов нету все таки( как добавить ?

 

[Skaiman]

Делай с расширенным режимом и добавляй свой класс

<div class="block my-class">
    <div class="block-container">
        <h3 class="block-minorHeader">Название виджета</h3>
        <div class="block-body block-row">
            содержимое
        </div>
    </div>
</div>

 

[Vincod]

А далее в класс my-class добавить иконку ? Можно пример если не трудно

 

[Skaiman]

Vincod, Создание HTML виджета

 

[Mirovinger]

У html виджетов нету все таки( как добавить ?

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