Форум русской поддержки Joomla!® CMS
27.05.2017, 12:21:29 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Установка particles.js

 (Прочитано 81 раз)
0 Пользователей и 1 Гость смотрят эту тему.
570326
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« : 17.05.2017, 19:50:08 »

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

Записан
Septdir
Живу я здесь
******

Репутация: +62/-3
Offline Offline

Пол: Мужской
Сообщений: 1547


Skype: septdir


« Ответ #1 : 17.05.2017, 21:24:59 »

Без обид, но если вам мало Usage на GitHub то лучше в коммерческий раздел, и себе и нам нервы сэкономите.
Записан
570326
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« Ответ #2 : 17.05.2017, 23:31:20 »

Я думаю, если Вы знаете, то Вам не трудно будет за 2 минуты расписать что да как... Ну хотя это Ваше решение) Я написал с целью услышать ответ и дождаться помощи.
Записан
Serg_
Осваиваюсь на форуме
***

Репутация: +24/-1
Offline Offline

Пол: Мужской
Сообщений: 165


Skype: smile_bot (Запорожье)


« Ответ #3 : 18.05.2017, 18: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
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet