Про extra.less

[HAIM]

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

Про extra.less - Про extra.less

Шаблон extra.less

Часто на форуме встречаются вопросы или рекомендации добавить код или изменить внешний вид форума через шаблон extra.less. Объясняю максимально коротко и по мере возможностей что это такое.

1. Шаблон extra.less предназначен для внесения пользовательских правок в стили форума. Расширение .less, а не .css, потому что LESS намного удобнее CSS — это и переменные, и вложенные блоки, и миксины, и многое другое. На выходе всё равно получается CSS, благодаря магии...

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

 

[alex2020]

как создать свой шаблон .less я сделал но код в нем не применяется к форуму

 

[DEVIL]

как создать свой шаблон .less я сделал но код в нем не применяется к форуму

Подключить в EXTRA.less.

{{ include('имяшаблона.less') }}

 

[Skaiman]

модификацией

 

[25517]

alex2020, заинклюдить его в extra.less.

{{ include('шаблон.less') }}

 

[Skaiman]

Создаем модификацию шаблона extra.less, с регулярным выражением, найти #$# заменить:

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

 

[HAIM]

как создать свой шаблон .less я сделал но код в нем не применяется к форуму

Ну какбэ про это есть в описании ресурса. Лист а4 текста вроде не такая большая ноша, чтобы не прочитать

 

[alex2020]

Подключить в EXTRA.less.

{{ include('имяшаблона.less') }}

я когда прочитал гайд, подумал что я не так понял )
А оказывается лесс подключается в лессе )

 

[Skaiman]

можно еще в helper_js_global
Простая замена
Найти:

<link rel="stylesheet" href="{{ css_url($cssUrls) }}" />

Заменить:

<xf:set var="$cssUrls" value="{{ array_merge($cssUrls, ['public:moy_shablon.less']) }}" />
    $0

В этом случае extra.less будет в приоритете

 

[wx3qt]

а как заменить какой-то текст стиля с помощью extra.less?

 

[IlyaPep]

а как заменить какой-то текст стиля с помощью extra.less?

Лучше спрашивать конкретно в теме используемого стиля
P.s. Извиняюсь если не так понял, но что подразумевается под "текст стиля"?

 

[anastasiya]

У меня такой вопрос общий.
Интересуюсь "CSS hover-эффектами".
Ставлю в extra.less и эти эффекты начинают работать не в конкретном виджете или не на конкретные кнопки, а на все кнопки на странице.

Например, вот такое начало кода, понятно, что оно на всю страницу работает:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

Как-то можно код одного виджета/кнопок обернуть , отделить от остальных?

Или дайте ссылку, где почитать, меня в гугле забанили ))) не нашла. выдает кучу форумов с одним и тем же содержанием.

 

[DioFix]

У меня такой вопрос общий.
Интересуюсь "CSS hover-эффектами".
Ставлю в extra.less и эти эффекты начинают работать не в конкретном виджете или не на конкретные кнопки, а на все кнопки на странице.

Например, вот такое начало кода, понятно, что оно на всю страницу работает:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

Как-то можно код одного виджета/кнопок обернуть , отделить от остальных?

Или дайте ссылку, где почитать, меня в гугле забанили ))) не нашла.

Тебе нужно найти класс виджета и по нему уже вписывать свойства