Новости Joomla

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

eflfe

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

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
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 / 0
Re: Установка скрипта particles.js
« Ответ #2 : 20.03.2016, 10:30:23 »
Да, но куда этот код вставлять? Пробовал модулём HTML-кода, но не пойму как на нём задать позицию для заднего фона.
*

FitMe

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

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

*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
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 / 0
Re: Установка скрипта particles.js
« Ответ #5 : 20.03.2016, 14:50:46 »
Было бы всё так просто. Я в этом не так хорошо разбираюсь, но поставить удалось. Вот только он над сайтом. Сейчас пытаюсь поставить его на фон...
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
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 / 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;
Спасибо за помощь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Установка виджета ПОС епгу

Автор ermolina.t

Ответов: 1
Просмотров: 399
Последний ответ 26.06.2023, 16:01:29
от sergeytolkachyov
Установка на локаль ((mamp))

Автор algor

Ответов: 2
Просмотров: 537
Последний ответ 17.05.2023, 17:19:13
от arma
SberPay: (эквайринг от Сбербанка) установка - мнения

Автор shop-user

Ответов: 1
Просмотров: 388
Последний ответ 30.03.2023, 21:18:40
от marksetter
Установка виджета в любое место

Автор gmfantasy

Ответов: 36
Просмотров: 5803
Последний ответ 04.09.2021, 16:43:11
от VIK4
Установка резервной копии сайта на локальный веб-сервер

Автор Nikias

Ответов: 1
Просмотров: 564
Последний ответ 07.05.2021, 12:00:14
от wishlight