баннеры

Данная модификация не моя но немного переделана. Данное решение подойдет, как для префиксов тем, так и для баннеров пользователей. В extra.less: @svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов @svgPrefixColorGradient: rgba(0,0,0,0); // Цвет градиента прификса (не...

Данное решение подойдет, как для префиксов тем, так и для баннеров пользователей. Добавьте в extra.less: @svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов @svgPrefixColorGradient: rgba(0,0,0,0); // Цвет градиента прификса (не используется) @svgPrefixTextShadow...

.userBannerLight,.userBanner--staff { display: inline-block; text-align: center; font-weight: 500; color: #fff; width: 100%; border: none; position: relative; overflow: hidden } .userBannerLight.admin,.userBanner--staff.admin { background...

Сейчас я расскажу как добавить иконки FontAwesome на баннеры перед текстом. Переходим в extra.less: XenForo 2.2 Для добавления иконки используем .m-faBase и .m-faContent .m-faBase: для стилизации. .m-faContent: Для самой иконки .m-faBase('Pro', @faWeight-style-ikonki)...

Префиксы: .pgreen { background-image: linear-gradient(150deg, #32cd32, #008000); color: white; text-transform: uppercase; font-size: 66%; padding: 3px 6px; border-radius: 10px; text-align: center; box-shadow: 0px 0px 6px #32cd32 } .porange { background-image: linear-gradient(150deg, #ffbf00...