0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 929 Просмотров
*

570326

  • Новичок
  • 2
  • 0 / 0
Установка particles.js
« : 17.05.2017, 18:50:08 »
Приветствую, друзья! Такое дело: помогите установить данную библиотеку https://github.com/VincentGarreau/particles.js/
Скачал, но там куча файлов, что, куда заливать, не имею представления.
На форуме уже есть подобная тема, но там объясняется как установить на фон, однако не получилось все равно. Мне нужна подробнейшая инструкция, чем подробнее, тем лучше. Я новичек.
Библиотеку нужно установить в breadcrumb (см. изображение).

*

Septdir

  • Живу я здесь
  • 3286
  • 162 / 4
Re: Установка particles.js
« Ответ #1 : 17.05.2017, 20:24:59 »
Без обид, но если вам мало Usage на GitHub то лучше в коммерческий раздел, и себе и нам нервы сэкономите.
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
CodersRank | Контакты | Мой GitHub | Workshop
*

570326

  • Новичок
  • 2
  • 0 / 0
Re: Установка particles.js
« Ответ #2 : 17.05.2017, 22:31:20 »
Я думаю, если Вы знаете, то Вам не трудно будет за 2 минуты расписать что да как... Ну хотя это Ваше решение) Я написал с целью услышать ответ и дождаться помощи.
*

Serg_

  • Захожу иногда
  • 170
  • 24 / 1
  • Skype: smile_bot (Запорожье)
Re: Установка particles.js
« Ответ #3 : 18.05.2017, 17:17:30 »
Открываете демку http://codepen.io/VincentGarreau/pen/pnlso и копируете блоки CSS в CSS, js в js. А дальше ручками.
Но коль нужна инструкция, то вот, например:
1 - подключение скрипта
1.1 скопируйте к себе на сайт файл particles.min.js, например, в папку media/media/js
1.2 в шаблон добавьте вызов скрипта <script src="/media/media/js/particles.min.js"></script>
2 - сконфигурируйте скрипт
2.1 найдите id элемента, в котором хотите выводить всё это безобразие, например, #title
2.2 на странице http://codepen.io/VincentGarreau/pen/pnlso в блоке JS скопируйте все строки
2.3 у себя в шаблоне вставьте эти строки между <script></script>
2.4 после вставки замените в первой строке
Код
particlesJS("particles-js", {  
particles-js на id своего элемента, например, title
получится примерно так
Код
particlesJS("title", {  
3 - уже должно работать, но возможно надо будет подправить CSS
Код
#title canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

для примера в шаблоне использовал id sp-title
можете глянуть здесь http://test.antipov.in.ua/particles-js
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Установка Joomla 3.8.0.0 на NAS qnap

Автор weser

Ответов: 7
Просмотров: 243
Последний ответ 05.03.2020, 16:21:00
от weser
Правильная установка quickstart

Автор 433

Ответов: 8
Просмотров: 342
Последний ответ 26.01.2020, 22:20:32
от voland
Установка с Github

Автор Melkiy

Ответов: 3
Просмотров: 236
Последний ответ 05.11.2019, 00:44:19
от a-vikalingvo
Установка автоматизированных объявлений AdSence

Автор Randall Flagg

Ответов: 4
Просмотров: 243
Последний ответ 15.09.2019, 19:03:57
от draff
Анимированые элементы, Canvas, Установка particles.js

Автор Pahentiy

Ответов: 0
Просмотров: 257
Последний ответ 11.04.2019, 10:17:36
от Pahentiy