Мануал 2.x Падающий снег в "Шапке" 1.0.0

Нет прав для скачивания
Добавляем падающий снег в "Шапку"
Совместимость с XenForo
2.0
1. Загружаем папку images в корень форума.
2. Настройки / реклама: (/admin.php?advertising/) добавить рекламу.
3. Позиция "Контейнер хлебных крошек (верхний): выше"
4. В HTML блок добавляем содержимое:

HTML:
<style>

#header{

    background-image: url('/images/snow/s1.png'), url('/images/snow/s2.png'), url('/images/snow/s3.png');

    width: 100%;

    z-index:1;

    -webkit-animation: snow 10s linear infinite;

    -moz-animation: snow 10s linear infinite;

    -ms-animation: snow 10s linear infinite;

    animation: snow 10s linear infinite;

}

@keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}



</style>
Автор
khukazov
Скачиваний
9
Первый выпуск
Обновление
Рейтинг
0,00 звезд Оценок: 0

Еще ресурсы от khukazov

Поделиться этим ресурсом