Что делать, если в отделе "Правила" отображается это - [[Template core/admin/achievements/rulesListRows is throwing an error. This theme may be out of date. Run the support tool in the AdminCP to restore the default theme.]]?
Версия 4.7.9
также вопрос: возможно ли убрать этот же текст внизу на форуме? Мешает. Версии темы для новой версии нет, поэтому приходится...
Если вы хотите получить только анимированный эффект радуги, выполните следующие действия.
Перейдите в ACP > Внешний вид > Темы > Ваша тема > Редактировать HTML и CSS > вкладка CSS > Пользовательский > custom.css.
Вставьте следующий код в шаблон «custom.css».
.rainbow_text_animated {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
@keyframes rainbow_animation {
0%,100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
Сохраните шаблон и перейдите в Пользователи > Группы > Изменить группу.
В поле «Формат префикса» вставьте
<span class="rainbow_text_animated">
а во втором поле рядом с ним конечный тег, т.е.:
</span>
Если вы хотите получить градиентный текст с эффектом радуги и анимированную иконку (Font Awesome) перед именем пользователя, добавьте следующий код в custom.css под кодом для радуги, чтобы анимировать иконку короны:
.magic {
animation: magic 3s infinite;
}
@keyframes magic {
0% {
transform: scale(1);
}
10% {
transform: scale(0.9) rotate(-6deg);
}
30%,
50%,
70% {
transform: scale(1.15) rotate(6deg);
}
40%,
60% {
transform: scale(1.15) rotate(-6deg);
}
80%,
100% {
transform: scale(1) rotate(0);
}
}
Сохраните шаблон и перейдите в Пользователи > Группы > Изменить группу.
В поле «Префикс формата» замените код следующим:
<span class="rainbow_text_animated"><i style="color:red;" class="fas fa-crown faa-tada animated magic" aria-hidden="true"></i>
Код будет работать в шаблоне, использующем версию 5 Font Awesome, которая принадлежит вам.
По умолчанию в шаблоне IPS по-прежнему реализована версия 4.7, которая не имеет в своей коллекции значка короны. Если кто-то использует шаблон с версией 4.7, он должен изменить иконку и класс на другой:
<span class="rainbow_text_animated"><i class="fa fa-shield magic" style="color:red;" aria-hidden="true"></i>
Как видите, я изменил значок на «щит», потому что в FA 4.7 он кажется наиболее подходящим для группы «Владелец» или «Администратор».
Окончательный результат:
Вы также можете добавить к иконке/тексту эффект свечения (текст-тень) или мигающие сверкающие звезды... возможностей масса 😉
English
If you only want an animated rainbow effect, follow these steps.
Go to ACP > Appearance > Themes > Your Theme > Edit HTML & CSS > CSS tab > Custom > custom.css.
Paste the following code into the "custom.css" template.
.rainbow_text_animated {
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
@keyframes rainbow_animation {
0%,100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
Save the template and go to Users > Groups > Edit group.
In the "Format prefix" field, paste
<span class="rainbow_text_animated">
and in the second field next to it, the ending tag, i.e.:
</span>
If you want to get a gradient text with a rainbow effect and an animated icon (Font Awesome) in front of the username, add the following code to the custom.css under the code for the rainbow to animate the crown icon:
.magic {
animation: magic 3s infinite;
}
@keyframes magic {
0% {
transform: scale(1);
}
10% {
transform: scale(0.9) rotate(-6deg);
}
30%,
50%,
70% {
transform: scale(1.15) rotate(6deg);
}
40%,
60% {
transform: scale(1.15) rotate(-6deg);
}
80%,
100% {
transform: scale(1) rotate(0);
}
}
Save the template and go to Users > Groups > Edit group.
In the "Format prefix" field, replace the code with the following:
<span class="rainbow_text_animated"><i style="color:red;" class="fas fa-crown faa-tada animated magic" aria-hidden="true"></i>
The code will work in a template that uses Font Awesome version 5, which is yours.
By default, version 4.7 is still implemented in the IPS template, which does not have a crown icon in its collection. If someone uses the template with version 4.7, he must change the icon and class to another:
<span class="rainbow_text_animated"><i class="fa fa-shield magic" style="color:red;" aria-hidden="true"></i>
As you can see I changed the icon to "shield", because in FA 4.7 it seems to be the most suitable icon for the group "Owner" or "Administrator".
The final result:
You can also add a glow effect (text-shadow) or blinking sparkling stars to the icon/text... there are plenty of possibilities 😉
Credit to SeNioR