Создаем стильное оформление "номер версии".

Создаем стильное оформление "номер версии".

"Номер версии" выделен красиво.

DetectorDevil

Местный
Сообщения
28
Реакции
19
Баллы
3
DetectorDevil разместил(а) новый ресурс:

Создаем стильное оформление. - "Номер версии" выделен красиво.

Здравствуйте! Сегодня я расскажу, как стильно оформить "номер версии".

extra.less:
/* красивое выделения Номер версии*/
.structItem-title .u-muted {
    color: fade(@xf-textColorMuted, 80%);
    font-weight: 400;
    background: linear-gradient(90deg, #ff7eb3, #ff758c, #ff6f61, #ff9a66);
    background-size: 300% 100%;
    border-radius: 4px;
    border: 1px solid fade(@xf-borderColor, 70%);
    padding: 2px 8px;
    box-shadow:
        inset 0 1px 3px...

Посмотреть страницу этого ресурса...
 
Только всё в движке и плагинах, что имеет классы .structItem-title .u-muted и .p-title-value .u-muted, указанные в инструкции, тоже будет окрашено как номер версии. Поэтому было бы логичнее обернуть код в body[data-template="название_шаблона"]
 
Только всё в движке и плагинах, что имеет классы .structItem-title .u-muted и .p-title-value .u-muted, указанные в инструкции, тоже будет окрашено как номер версии. Поэтому было бы логичнее обернуть код в body[data-template="название_шаблона"]
Я этот код на форуме у себя для себя делал, для своих удобствах. Здесь я просто хочу поделиться им с вами, а вы можете предложить свои идеи по улучшению и дополнению.
Болие точно расписать и прикрепить код который вы предлагаете, для участников движка xenforo.
Не все так хорошо разбираются в движке как вы 🙃 😉
 
Назад
Верх Низ