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

eflfe

  • Новичок
  • 4
  • 0
Установка скрипта particles.js
« : 20.03.2016, 10:09:37 »
Здравствуйте. Хочу поставить тебе на сайт скрипт particles.js на фон сайта. Подскажите, как это можно сделать?
*

vipiusss

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
Re: Установка скрипта particles.js
« Ответ #1 : 20.03.2016, 10:25:30 »
Тут же написано как:
https://github.com/VincentGarreau/particles.js/

Код
<div id="particles-js"></div>

<script src="particles.js"></script>

Это если в корне файлы, если нет-то добавляете имя папки, например:

<script src="имя папки/particles.js"></script>

И в этой папке у вас файлы.

А дивом с этим id окружаете то, что у вас с фоном.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

eflfe

  • Новичок
  • 4
  • 0
Re: Установка скрипта particles.js
« Ответ #2 : 20.03.2016, 10:30:23 »
Да, но куда этот код вставлять? Пробовал модулём HTML-кода, но не пойму как на нём задать позицию для заднего фона.
*

FitMe

  • Давно я тут
  • 305
  • 9
Re: Установка скрипта particles.js
« Ответ #3 : 20.03.2016, 10:37:02 »
Подключить скрипт в шаблоне в <head></head>
Цитировать
<script src="имя папки где будет лежать скрипт/particles.js"></script>
и только потом в нужном месте шаблона или модуле
Цитировать
<div id="particles-js"></div>

Человек может быть Вамответил бы еще подробней, если бы вы указали ссылку на сайт или иные подробности)

*

vipiusss

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
Re: Установка скрипта particles.js
« Ответ #4 : 20.03.2016, 10:39:37 »
Скачайте файлы сейчас (я так сделал ради вас)
Откройте в папке DEMO блокнотом файл index.html
Его же можете и локально запустить.

Что же мы видим там?

Ваш фон:

Спойлер
[свернуть]
и его подключение:
Спойлер
[свернуть]

и статистика:

Спойлер
[свернуть]

Вот берите, закачайте скрипт или в корень или в папку, измените путь тут: <script src="../particles.js"></script> , сделайте вызов скрипта в файле index.php шаблона и дивом вызовите в вашем шаблоне.

Также не забудьте добавить <link rel="stylesheet" media="screen" href="css/style.css"> (с учётом правильного пути и до этого закачанного файла CSS, можно тоже в новую папку, или сам стиль добавить непосредственно в стили шаблона).
Все эти вызовы добавляются между <head> и </head> в index.php, div добавляется в нужное вам место.

Если хотите модулем вызывать, то в модуле в кодовом режиме div добавляете.

Разжёваней больше не куда.
« Последнее редактирование: 20.03.2016, 10:48:16 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

eflfe

  • Новичок
  • 4
  • 0
Re: Установка скрипта particles.js
« Ответ #5 : 20.03.2016, 14:50:46 »
Было бы всё так просто. Я в этом не так хорошо разбираюсь, но поставить удалось. Вот только он над сайтом. Сейчас пытаюсь поставить его на фон...
*

vipiusss

  • Профи
  • 5634
  • 324
  • Круглая ава-зло!
Re: Установка скрипта particles.js
« Ответ #6 : 20.03.2016, 14:55:57 »
Если над сайтом-значит вы просто вставили <div id="particles-js"></div>.

Вам нужно окружить сайт этим дивом в index.php:

<div id="particles-js">
тело сайта
</div>
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

eflfe

  • Новичок
  • 4
  • 0
Re: Установка скрипта particles.js
« Ответ #7 : 20.03.2016, 15:19:54 »
Это не помогает, где бы я не ставил. Но я смог сделать так нужно, добавив CSS для particles.js:
Код
width: 100%;
height: 100%;
position: fixed;
z-index: -10;
top: 0;
left: 0;
Спасибо за помощь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Установка шаблона Osmosis на Joomla 3.6.5

Автор 800147

Ответов: 14
Просмотров: 185
Последний ответ 20.08.2017, 22:26:59
от 800147
Как запретить выполнение скрипта по ID группы пользователя?

Автор Ishti39

Ответов: 3
Просмотров: 103
Последний ответ 12.08.2017, 10:26:11
от Ishti39
Установка стандартного компонента - контакты

Автор kalita

Ответов: 15
Просмотров: 464
Последний ответ 03.08.2017, 07:21:52
от kalita
Перенесено: запрос к бд из php скрипта в Joomla

Автор b2z

Ответов: 0
Просмотров: 65
Последний ответ 28.06.2017, 09:06:29
от b2z
Установка ssl-сертификата на сайт с Joomla 3х + редиректы

Автор MariannaFrance

Ответов: 4
Просмотров: 705
Последний ответ 07.06.2017, 12:45:47
от x1