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

570326

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

*

Septdir

  • Живу я здесь
  • 3136
  • 152 / 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
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Установка автоматизированных объявлений AdSence

Автор Randall Flagg

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

Автор Pahentiy

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

Автор Volna

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

Автор MariannaFrance

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

Автор alpha_and_omega

Ответов: 10
Просмотров: 544
Последний ответ 22.11.2018, 00:47:24
от alpha_and_omega