Добавить кнопку в сообщение

[Nora]

Всех с Новым годом !!! =)

Подскажите, пожалуйста, как добавить кнопку со своим текстом в сообщение?

К примеру, одну из этих кнопок на css:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Captain]

<xf:button class="button--primary" icon="write">
   {{ phrase('post_thread') }}
</xf:button>

 

[Nora]

При вставке этого кода в сообщение ничего не происходит.

 

[Captain]

? А что то разве должно происходить?

 

[Nora]

Хотелось бы, чтобы появилась кнопка?

 

[MxR]

Хотелось бы, чтобы появилась кнопка?

Добавьте дополнительное поле для тем, там есть Value display HTML
Двигайтесь в этом направлении

 

[West14]

Nora, как вариант, можно сделать так. По хорошему нужен PHP-обработчик для валидации ссылки и тд. Можете присвоить свой класс и стилизовать как угодно.

Спойлер

 

[Captain]

Хотелось бы, чтобы появилась кнопка?

?‍?‍?‍?‍?‍?‍?‍?‍?‍ ЧЯДНТ?

Добавьте дополнительное поле для тем, там есть Value display HTML
Двигайтесь в этом направлении

Глупее совета, здесь я ещё не слышал. Хотя может быть и слышал но это одно из них

 

[West14]

Captain, та вродь как ему в посте надо.

в сообщение

 

[Nora]

Кнопка нужна в посте

 

[MxR]

?‍?‍?‍?‍?‍?‍?‍?‍?‍ ЧЯДНТ?
Посмотреть вложение 96285


Глупее совета, здесь я ещё не слышал. Хотя может быть и слышал но это одно из них

А что не так? Работать будет!

 

[West14]

Nora, выше скинул вполне рабочий вариант с бб-кодом, чем не устраивает?

 

[Nora]

West14, хотелось бы добавить css, как в вариантах по ссылке:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Но не понимаю, как и куда его добавлять.
Подскажите, пожалуйста.

 

[MxR]

West14, хотелось бы добавить css, как в вариантах по ссылке:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Но не понимаю, как и куда его добавлять.
Подскажите, пожалуйста.

В extra.less закиньте CSS нужный.
А в html укажите class.

OFFTOP

Базовые вещи нужно знать перед тем как делать сайт.

 

[West14]

Nora,
Создаем пользовательский BB-код:
Тег BB-кода button
Заголовок: Button
Режим замены: Простая замена
Опции BB-коды: Да
Замена HTML:

<a class="bb-button" href="{option}" target="_blank">
    {text}
</a>

Остальные настройки по желанию.

Включаем режим отладки, создаём в мастер-стиле шаблон bb_button.less
Вставляем код :

a.bb-button {
    font-weight: 700;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
    display: inline-block;
    &:hover {
        background: rgb(53, 167, 110);
    }
    &:active {
        background: rgb(33,147,90);
        box-shadow: 0 3px rgb(33,147,90) inset;
    }
}

Сохраняем.
Переходим в модификации шаблонов, добавляем модификацию публичного шаблона:
Шаблон: extra.less
Ключ любой, на ваше усмотрение.
Тип поиска: Регулярное выражение
Найти: /$/
Заменить:

$0
{{ include('bb_button.less') }}

Результат

Вариант хуже, но проще.

Переходим в шаблон extra.less и добавляем стили Вашей кнопки.

a.bb-button {
    font-weight: 700;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
    display: inline-block;
    &:hover {
        background: rgb(53, 167, 110);
    }
    &:active {
        background: rgb(33,147,90);
        box-shadow: 0 3px rgb(33,147,90) inset;
    }
}

Результат

 

[Captain]

West14, а сделать по человечески нет? И всё это оформить в отдельный шаблон

 

[West14]

Captain, тогда уж отдельно в адд-он оформлять. А так, имхо, покатит.

Обновил пост выше.

 

[root]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Maxpain]

Nora,
Создаем пользовательский BB-код:
Тег BB-кода button
Заголовок: Button
Режим замены: Простая замена
Опции BB-коды: Да
Замена HTML:

<a class="bb-button" href="{option}" target="_blank">
    {text}
</a>

Остальные настройки по желанию.

Включаем режим отладки, создаём в мастер-стиле шаблон bb_button.less
Вставляем код :

a.bb-button {
    font-weight: 700;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
    display: inline-block;
    &:hover {
        background: rgb(53, 167, 110);
    }
    &:active {
        background: rgb(33,147,90);
        box-shadow: 0 3px rgb(33,147,90) inset;
    }
}

Сохраняем.
Переходим в модификации шаблонов, добавляем модификацию публичного шаблона:
Шаблон: extra.less
Ключ любой, на ваше усмотрение.
Тип поиска: Регулярное выражение
Найти: /$/
Заменить:

$0
{{ include('bb_button.less') }}

Результат

Посмотреть вложение 96286

Вариант хуже, но проще.

Переходим в шаблон extra.less и добавляем стили Вашей кнопки.

a.bb-button {
    font-weight: 700;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
    display: inline-block;
    &:hover {
        background: rgb(53, 167, 110);
    }
    &:active {
        background: rgb(33,147,90);
        box-shadow: 0 3px rgb(33,147,90) inset;
    }
}

Результат

Посмотреть вложение 96286

А где теперь эту кнопку искать, все сделал как описано а что дальше?