Прикрепленные файлы
-
slova.zip 96,43К
93 Количество загрузок:
0
Анимационный Фон
Автор tutkypi, 07 июня 2014 19:12
Сообщений в теме: 3
#1
tutkypi
-
- Пользователи
-
- 118 сообщений
Продвинутый пользователь
- ГородКостанай
Отправлено 07 Июнь 2014 - 19:12
Здравствуйте.Я скачал и хочу подключить анимационный фон на сайт,как это можно сделать?
#2
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 10 Июнь 2014 - 02:24
В шаблоне HTML до тега </head> вставляете:
далее в main.css\style.css вставляете в самый низ:
<script src="{ASSETS_JS_PATH}parallaxsoon8.js" type="text/javascript"></script>
после <body> вставьте:<canvas id="pixie"></canvas>Сами файлы
parallaxsoon8.js bg2.jpgзагружаете в раздел Редактор шаблонов
далее в main.css\style.css вставляете в самый низ:
body
{
background:url({ASSETS_IMAGES_PATH}bg2.jpg) no-repeat center center fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#pixie{position:fixed;}
#3
tutkypi
-
- Пользователи
-
- 118 сообщений
Продвинутый пользователь
- ГородКостанай
Отправлено 19 Июнь 2014 - 18:43
Vaccina (10 Июнь 2014 - 02:24) писал:
В шаблоне HTML до тега </head> вставляете:
далее в main.css\style.css вставляете в самый низ:
<script src="{ASSETS_JS_PATH}parallaxsoon8.js" type="text/javascript"></script>
после <body> вставьте:<canvas id="pixie"></canvas>Сами файлы
parallaxsoon8.js bg2.jpgзагружаете в раздел Редактор шаблонов
далее в main.css\style.css вставляете в самый низ:
body
{
background:url({ASSETS_IMAGES_PATH}bg2.jpg) no-repeat center center fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#pixie{position:fixed;}
#4
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 20 Июнь 2014 - 01:03
В main.css найдите:
#backtop {
background: url("http://design.tutkypi.ru/bgout.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
замените на:
#backtop {
position: relative;
z-index: 99;
}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
