BBCode Кнопка-ссылка 2019-03-27

[Chigra]

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

BBCode Кнопка-ссылка - Отображение ссылки в виде кнопки

Отображение ссылки в виде кнопки.
В extra.less добавляем следующее:

/*bbcode - кнопка-ссылка*/
a.bb-code-href-button {
    .m-buttonBase();
    .m-buttonColorVariation(#7c7771,#fff);
    .m-faBefore("\f360");
    .m-faBase();
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0...

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

 

[West14]

А за импортант отдельный котел в аду.

И вместо font awesome 5 pro, есть такая штука как .m-faBase()

 

[Chigra]

Импортанты убрал, за них извиняюсь, без них нормально всё работает (уже не помню, для чего их добавлял у себя).
А вот про .m-faBase() ни чего сказать не могу, так как не совсем понимаю. Код делал исходя из своих знаний ?

 

[Captain]

Потому что вызывается:

.m-faBase(@type: @faType; @weight: @xf-fontAwesomeWeight)
{
    .m-defaultFaWeight() when (@type = 'Brands')
    {
        @weight: @faWeight-regular;
    }
    // else use given @weight

    .m-defaultFaWeight();

    font-family: 'Font Awesome 5 @{type}';
    font-size: inherit;
    font-style: normal;
    font-weight: @weight;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

И в нём передается необходимый тип иконки Brands/Pro и её жирность как она будет выглядеть вызывается из настройки стиля. И при этом не нужно писать 10-ки строк кода.

 

[25517]

Chigra,

/*bbcode - кнопка-ссылка*/
a.bb-code-href-button {
    .m-buttonBase();
    .m-buttonColorVariation(#7c7771,#fff);
    .m-faBefore("\f360");
    .m-faBase();
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0;
    border-radius: 2px;
    box-shadow: 1px 1px #dfdfdf, 2px 2px #6c6666;
    &:before {
        padding: 0 4px ;
    }
    &:hover {
        .m-buttonColorVariation(#504d4a,#b0babc);
        .m-transition();
    }
}

 

[andreykalab]

Добрый день, а как сделать что бы ссылка открывалась отдельным окном

 

[Chigra]

Добрый день, а как сделать что бы ссылка открывалась отдельным окном

Нужно зайти в настройки бб-кода и в поле "Замена HTML" target="_self" заменить на target="_blank"

 

[xenforum]

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

BBCode Кнопка-ссылка - Отображение ссылки в виде кнопки



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

а как добавить в редактор? что там отмечать и вписывать в поля?