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

570326

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

*

Septdir

  • Живу я здесь
  • 3002
  • 149 / 3
Re: Установка particles.js
« Ответ #1 : 17.05.2017, 20:24:59 »
Без обид, но если вам мало Usage на GitHub то лучше в коммерческий раздел, и себе и нам нервы сэкономите.
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
Мои Контакты | Мой 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
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Анимированые элементы, Canvas, Установка particles.js

Автор Pahentiy

Ответов: 0
Просмотров: 70
Последний ответ 11.04.2019, 10:17:36
от Pahentiy
Установка галочки для подтверждения

Автор Volna

Ответов: 1
Просмотров: 155
Последний ответ 05.04.2019, 22:46:47
от dm-krv
Установка ssl-сертификата на сайт с Joomla 3х + редиректы

Автор MariannaFrance

Ответов: 12
Просмотров: 2453
Последний ответ 22.12.2018, 17:43:48
от wishlight
Установка adsense в Joomla 3.5

Автор alpha_and_omega

Ответов: 10
Просмотров: 395
Последний ответ 22.11.2018, 00:47:24
от alpha_and_omega
Установка SSl сертификата и перевод Joomla c http на https - часть 2

Автор dmitry_stas

Ответов: 15
Просмотров: 1728
Последний ответ 06.10.2018, 10:07:41
от tesjik