Обводка

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
21 Янв 2023
Сообщения
265
1732634979065.png Ее можете сделать пышнее, как хотите.

1. Без анимации -
CSS:
.memberTooltip.memberTooltip-userGroup--6 {
    box-shadow: 0 0 25px #0000FF;
}
2. С анимацией -
CSS:
.memberTooltip.memberTooltip-userGroup--21 {
  box-shadow: 0 0 10px #ff0000;
  animation: rainbow 2s linear infinite; /* 2 секунды анимации */
}

@keyframes rainbow {
  0% {
    box-shadow: 0 0 10px #ff0000; /* Красный */
  }
  12.5% {
    box-shadow: 0 0 10px #ff7f00; /* Оранжевый */
  }
  25% {
    box-shadow: 0 0 10px #ffff00; /* Желтый */
  }
  37.5% {
    box-shadow: 0 0 10px #00ff00; /* Зеленый */
  }
  50% {
    box-shadow: 0 0 10px #00ffff; /* Голубой */
  }
  62.5% {
    box-shadow: 0 0 10px #0000ff; /* Синий */
  }
  75% {
    box-shadow: 0 0 10px #8000ff; /* Фиолетовый */
  }
  87.5% {
    box-shadow: 0 0 10px #ff00ff; /* Розовый */
  }
  100% {
    box-shadow: 0 0 10px #ff0000; /* Красный */
  }
}
ВАЖНО!! - 6 и 21 заменять на свой ID аккаунта на форум, иначе не будет работать. Если нужна помощь - пишите.
 
Последнее редактирование модератором:
Активный
Регистрация
26 Апр 2022
Сообщения
1,018
научитесь использовать bb коды для начала, а потом заливайте что хотите
1732638982208.png
 
Пользователь
Регистрация
28 Дек 2023
Сообщения
186
И куда это бл вставить
 
Активный
Регистрация
26 Окт 2024
Сообщения
1,253
Посмотреть вложение 3427 Ее можете сделать пышнее, как хотите.

1. Без анимации -


.memberTooltip.memberTooltip-userGroup--6 {
box-shadow: 0 0 25px #0000FF;
}

2. С анимацией -


.memberTooltip.memberTooltip-userGroup--21 {
box-shadow: 0 0 10px #ff0000;
animation: rainbow 2s linear infinite; /* 2 секунды анимации */
}

@keyframes rainbow {
0% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
12.5% {
box-shadow: 0 0 10px #ff7f00; /* Оранжевый */
}
25% {
box-shadow: 0 0 10px #ffff00; /* Желтый */
}
37.5% {
box-shadow: 0 0 10px #00ff00; /* Зеленый */
}
50% {
box-shadow: 0 0 10px #00ffff; /* Голубой */
}
62.5% {
box-shadow: 0 0 10px #0000ff; /* Синий */
}
75% {
box-shadow: 0 0 10px #8000ff; /* Фиолетовый */
}
87.5% {
box-shadow: 0 0 10px #ff00ff; /* Розовый */
}
100% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
}

ВАЖНО!! - 6 и 21 заменять на свой ID аккаунта на форум, иначе не будет работать. Если нужна помощь - пишите.
Обводка чего именно?
 
Пользователь
Регистрация
21 Янв 2023
Сообщения
265
Если я не ошибаюсь - надо добавить в -
Форматирование (BB-код):
member_tooltip
и найти -
HTML:
<div class="tooltip-content-inner">
( обычно 3-я строчка )

Найти и заменить -
HTML:
{{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}

Замена на

HTML:
memberTooltip memberTooltip-userGroup--{$user.display_style_group_id}
 
Пользователь
Регистрация
21 Янв 2023
Сообщения
265
Если я не ошибаюсь - надо добавить в -
Форматирование (BB-код):
member_tooltip
и найти -
HTML:
<div class="tooltip-content-inner">
( обычно 3-я строчка )

Найти и заменить -
HTML:
{{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}

Замена на

HTML:
memberTooltip memberTooltip-userGroup--{$user.display_style_group_id}
Если прям ничего не понятно или рукожопы - вот полная строчка уже с заменой -
HTML:
<div class="memberTooltip memberTooltip-userGroup--{$user.display_style_group_id} {{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}">
 
Пользователь
Регистрация
13 Ноя 2024
Сообщения
50
Посмотреть вложение 3427 Ее можете сделать пышнее, как хотите.

1. Без анимации -


.memberTooltip.memberTooltip-userGroup--6 {
box-shadow: 0 0 25px #0000FF;
}

2. С анимацией -


.memberTooltip.memberTooltip-userGroup--21 {
box-shadow: 0 0 10px #ff0000;
animation: rainbow 2s linear infinite; /* 2 секунды анимации */
}

@keyframes rainbow {
0% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
12.5% {
box-shadow: 0 0 10px #ff7f00; /* Оранжевый */
}
25% {
box-shadow: 0 0 10px #ffff00; /* Желтый */
}
37.5% {
box-shadow: 0 0 10px #00ff00; /* Зеленый */
}
50% {
box-shadow: 0 0 10px #00ffff; /* Голубой */
}
62.5% {
box-shadow: 0 0 10px #0000ff; /* Синий */
}
75% {
box-shadow: 0 0 10px #8000ff; /* Фиолетовый */
}
87.5% {
box-shadow: 0 0 10px #ff00ff; /* Розовый */
}
100% {
box-shadow: 0 0 10px #ff0000; /* Красный */
}
}

ВАЖНО!! - 6 и 21 заменять на свой ID аккаунта на форум, иначе не будет работать. Если нужна помощь - пишите.
Куда это закидывать
 
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
1,152
Куда это закидывать
В шаблон extra.less Но надо еще сделать модификацию шаблона member_tooltip. Чтобы сделать модификацию нужно перейти по ссылке вашадресфорума/admin.php?template-modifications/add

Шаблон: member_tooltip
Ключ модификации: shadow_memberTooltip
Тип поиска: Простая замена
Найти:
HTML:
    <div class="memberTooltip {{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}">
Заменить:
HTML:
    <div class="memberTooltip memberTooltip-userGroup--{$user.display_style_group_id} {{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}">
 
Пользователь
Регистрация
13 Ноя 2024
Сообщения
50
В шаблон extra.less Но надо еще сделать модификацию шаблона member_tooltip. Чтобы сделать модификацию нужно перейти по ссылке вашадресфорума/admin.php?template-modifications/add

Шаблон: member_tooltip
Ключ модификации: shadow_memberTooltip
Тип поиска: Простая замена
Найти:
HTML:
    <div class="memberTooltip {{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}">
Заменить:
HTML:
    <div class="memberTooltip memberTooltip-userGroup--{$user.display_style_group_id} {{ $user.Profile.banner_date ? 'memberTooltip--withBanner' : '' }}">
А ну тогда мне только Лесс надо сделать ниже я все сделал
 
Сверху