Кнопка регистрации в боковой панели. (Виджет) [Удалено]

Статус
В этой теме нельзя размещать новые ответы.

DStudio

Проверенные
Сообщения
116
Решения
6
Реакции
58
Баллы
165
DStudio добавил(а) новый ресурс:

Кнопка регистрации в боковой панели. - Одна кнопка регистрации в боковой панели.

Позиция для отображения:
Список форумов: боковая панель

Условия отображения:

Шаблон:
HTML:
<div class="button button--cta" heref="/register" xf:icon="search">Регистрация</div>
<xf:css>
.button--cta{
    display: flex;
    justify-content: center;
  &:before{
    margin-right: 8px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f0fe";
    }
</xf:css>
</xf:css>

Узнать больше об этом ресурсе...
 
Если Включить расширенный режим то сливается с виджетом что под ним
333.jpg
Если не включать то вроде как нормально
22.jpg
 
Последнее редактирование:
Если Включить расширенный режим то сливается с виджетом что под ним
Если не включать то вроде как нормально

Либо смени CSS, из моего описания на это.

CSS:
<xf:css>
a.button--cta{
    display: flex;
    justify-content: center;
    margin-bottom:12px;
  &:before{
    margin-right: 8px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f0fe";
    }
</xf:css>
 
Либо смени CSS, из моего описания на это.

CSS:
<xf:css>
a.button--cta{
    display: flex;
    justify-content: center;
    margin-bottom:12px;
  &:before{
    margin-right: 8px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f0fe";
    }
</xf:css>
Теперь нормально
 
Хорошее и простое решение.

Иконку в коде, я бы предложил заменить на \f084 -
Снимок экрана 2023-11-26 145004.png
 
Последнее редактирование:
Создаём виджет.

Тип: HTML
Расширенный режим: Вкл.
Условия отображения: !$xf.visitor.user_id && $xf.options.registrationSetup.enabled

Шаблон:
HTML:
<div class="block block-buttons" {{ widget_data($widget) }}>
    <a class="button button--cta button--sidebar" href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</a>
</div>

Потом добавить в extra.less.
Less:
.button--sidebar
{
    width: 100%;
    &:before
    {
        .m-faBase();
        .m-faContent(@fa-var-key);
        margin-right: @xf-paddingMedium;
    }
}

Результат
1701002109664.png
 
Последнее редактирование:
Создаём виджет.

Тип: HTML
Расширенный режим: Вкл.
Условия отображения: !$xf.visitor.user_id && $xf.options.registrationSetup.enabled

Шаблон:
HTML:
<div class="block block-buttons" {{ widget_data($widget) }}>
    <a class="button button--cta button--sidebar" href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</a>
</div>

Потом добавить в extra.less.
Less:
.button--sidebar
{
    width: 100%;
    &:before
    {
        .m-faBase();
        .m-faContent(@fa-var-key);
        margin-right: @xf-paddingMedium;
    }
}

Результат
Посмотреть вложение 150218
А в чем разница от способа ТС ?
Визуально получается точно так же
 
starter80, как минимум в том, что учитывается роутинг, фразы, возможность отключения регистрации.
И используется .m-faBase();, который предоставили разрабы.
 
Ребят, это делалось на 1 раз за 15-20 секунд, я не себе это делал, хах
У кого будет лучше, делайте лучше, у кого какой вкус на иконки, не чуть не против, меняйте 😀
 
это делалось на 1 раз за 15-20 секунд, я не себе это делал, хах
Ну и зачем эта хрень на форуме?

Потом ходишь по заказам и натыкаешься на тонну подобного дерьма рядом с турецкими полотнами.

Приводите в порядок.
 
Ну и зачем эта хрень на форуме?

Потом ходишь по заказам и натыкаешься на тонну подобного дерьма рядом с турецкими полотнами.

Приводите в порядок.
Можете удалить ресурс..
 
DStudio, нет. Я бы попросил вас, если уж беретесь и предоставляете услуги (даже если бесплатно помогаете), то делайте это хоть сколько-нибудь качественно. Разберитесь как работает тот код, который предоставил 25517 и приведите в порядок ресурс. Я думаю он будет не против, если вы используете его работу в ресурсе.
 
<div class="block block-buttons" {{ widget_data($widget) }}> <a class="button button--cta button--sidebar" href="{{ link('register') }}" data-xf-click="overlay" data-follow-redirects="on">{{ phrase('register') }}</a> </div>
а можно так:
Код:
<xf:button href="{{ link('register') }}"
           class="button--cta button--fullWidth"
           icon="write"
           data-xf-click="overlay">
           {{ phrase('register') }}
</xf:button>
без extra.less
 
А нужно ?

Не выйдет без extra.less. Даже в таком виде.

Так как вариации иконок у кнопок - ограничены.

Поэтому в любом случае придётся идти в extra.less, чтобы прописать иконку @fa-var-key ¯\_(ツ)_/¯
 
Последнее редактирование:
Не захотели по нормальному - ваше дело.
 
This resource has been removed and is no longer available.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу