Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Решено Гирлянда на форум

Статус
В этой теме нельзя размещать новые ответы.
krelix

krelix

Май
506
89
Активный
Нужна гирлянда на форум с верху, скрина к сожалению нет.
 
Решение
It's-Intel
Qqwer Hosms написал(а):
https://aurproject.eu/resources/127/ (не реклама)
Нажмите для раскрытия...
В PAGE_CONTAINER после </head> добавь:

PAGE_CONTAINER: 
<ul class="aur_NewYear">
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>

В extra.less:

extra.less: 
.aur_NewYear {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: fixed !important;
  top: 0;
  z-index: 999999 !important;
  margin: 0;
  padding: 0;
  pointer-events: none;
  width...
Сортировка по дате Сортировка по голосам
It's-Intel

It's-Intel

>_
Июн
2,019
1,111
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Qqwer Hosms написал(а):
Нужна гирлянда на форум с верху, скрина к сожалению нет.
Нажмите для раскрытия...
Из воздуха тебе гирлянду искать?)
 
Позитивный голос 0 Негативный голос
It's-Intel

It's-Intel

>_
Июн
2,019
1,111
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Qqwer Hosms написал(а):
https://aurproject.eu/resources/127/ (не реклама)
Нажмите для раскрытия...
В PAGE_CONTAINER после </head> добавь:

PAGE_CONTAINER: 
<ul class="aur_NewYear">
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>

В extra.less:

extra.less: 
.aur_NewYear {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: fixed !important;
  top: 0;
  z-index: 999999 !important;
  margin: 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.aur_NewYear li {
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  list-style: none;
  display: inline-block;
  width: 12px;
  height: 18px;
  border-radius: 50%;
  margin: 20px;
  padding: 0;
  background: rgba(0, 247, 165, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
  animation-name: flash-1;
  animation-duration: 2s;
}

.aur_NewYear li:nth-child(2n+1) {
  background: rgba(0, 255, 255, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
  animation-name: flash-2;
  animation-duration: 0.4s;
}

.aur_NewYear li:nth-child(4n+2) {
  background: rgba(247, 0, 148, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
  animation-name: flash-3;
  animation-duration: 1.1s;
}

.aur_NewYear li:nth-child(odd) {
  animation-duration: 1.8s;
}

.aur_NewYear li:nth-child(3n+1) {
  animation-duration: 1.4s;
}

.aur_NewYear li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.3333333333px;
  border-radius: 3px;
  top: -4.6666666667px;
  left: 1px;
}

.aur_NewYear li:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 9px;
  width: 52px;
  height: 18.6666666667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.aur_NewYear li:last-child:after {
  content: none;
}

.aur_NewYear li:first-child {
  margin-left: -40px;
}

@keyframes flash-1 {
  0%, 100% {
    background: rgba(0, 247, 165, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: rgba(0, 255, 255, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 1);
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: rgba(247, 0, 148, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}


result:

1765611846749.png

Редактирование размеров в классе .aur_NewYear li
1765611882810.png
 
Позитивный голос 1 Негативный голос
Решение
Rogalik

Rogalik

Авг
75
14
Пользователь
It's-Intel написал(а):
В PAGE_CONTAINER после </head> добавь:

PAGE_CONTAINER: 
<ul class="aur_NewYear">
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
  <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>

В extra.less:

extra.less: 
.aur_NewYear {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: fixed !important;
  top: 0;
  z-index: 999999 !important;
  margin: 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.aur_NewYear li {
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  list-style: none;
  display: inline-block;
  width: 12px;
  height: 18px;
  border-radius: 50%;
  margin: 20px;
  padding: 0;
  background: rgba(0, 247, 165, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
  animation-name: flash-1;
  animation-duration: 2s;
}

.aur_NewYear li:nth-child(2n+1) {
  background: rgba(0, 255, 255, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
  animation-name: flash-2;
  animation-duration: 0.4s;
}

.aur_NewYear li:nth-child(4n+2) {
  background: rgba(247, 0, 148, 1);
  box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
  animation-name: flash-3;
  animation-duration: 1.1s;
}

.aur_NewYear li:nth-child(odd) {
  animation-duration: 1.8s;
}

.aur_NewYear li:nth-child(3n+1) {
  animation-duration: 1.4s;
}

.aur_NewYear li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.3333333333px;
  border-radius: 3px;
  top: -4.6666666667px;
  left: 1px;
}

.aur_NewYear li:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 9px;
  width: 52px;
  height: 18.6666666667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.aur_NewYear li:last-child:after {
  content: none;
}

.aur_NewYear li:first-child {
  margin-left: -40px;
}

@keyframes flash-1 {
  0%, 100% {
    background: rgba(0, 247, 165, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1);
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: rgba(0, 255, 255, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 1);
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: rgba(247, 0, 148, 1);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 1);
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}


result:

Посмотреть вложение 17347

Редактирование размеров в классе .aur_NewYear li
Посмотреть вложение 17348
Нажмите для раскрытия...
Мистер Декстер, как этот контур убрать
 

Вложения

  • Screenshot_2025-12-13-11-25-16-529_com.android.chrome.jpg
    Screenshot_2025-12-13-11-25-16-529_com.android.chrome.jpg
    799.4 KB · Просмотры: 29
Позитивный голос 0 Негативный голос
It's-Intel

It's-Intel

>_
Июн
2,019
1,111
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Rogalik написал(а):
Мистер Декстер, как этот контур убрать
Нажмите для раскрытия...
хз у меня нету никакого контура
 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Сверху