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

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

Установка скрипта particles.js

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

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

Сообщений: 8


« : 20.03.2016, 11:09:37 »

Здравствуйте. Хочу поставить тебе на сайт скрипт particles.js на фон сайта. Подскажите, как это можно сделать?
Записан
vipiusss
Профи
********

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

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


Skype: renor_


« Ответ #1 : 20.03.2016, 11:25:30 »

Тут же написано как:
https://github.com/VincentGarreau/particles.js/

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

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

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

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

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

А дивом с этим id окружаете то, что у вас с фоном.
Записан
eflfe
Новичок
*

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

Сообщений: 8


« Ответ #2 : 20.03.2016, 11:30:23 »

Да, но куда этот код вставлять? Пробовал модулём HTML-кода, но не пойму как на нём задать позицию для заднего фона.
Записан
FitMe
Давно я тут
****

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

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



« Ответ #3 : 20.03.2016, 11:37:02 »

Подключить скрипт в шаблоне в <head></head>
Цитировать
<script src="имя папки где будет лежать скрипт/particles.js"></script>
и только потом в нужном месте шаблона или модуле
Цитировать
<div id="particles-js"></div>

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

Записан
vipiusss
Профи
********

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

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


Skype: renor_


« Ответ #4 : 20.03.2016, 11: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, 11:48:16 от vipiusss » Записан
eflfe
Новичок
*

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

Сообщений: 8


« Ответ #5 : 20.03.2016, 15:50:46 »

Было бы всё так просто. Я в этом не так хорошо разбираюсь, но поставить удалось. Вот только он над сайтом. Сейчас пытаюсь поставить его на фон...
Записан
vipiusss
Профи
********

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

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


Skype: renor_


« Ответ #6 : 20.03.2016, 15:55:57 »

Если над сайтом-значит вы просто вставили <div id="particles-js"></div>.

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

<div id="particles-js">
тело сайта
</div>
Записан
eflfe
Новичок
*

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

Сообщений: 8


« Ответ #7 : 20.03.2016, 16:19:54 »

Это не помогает, где бы я не ставил. Но я смог сделать так нужно, добавив CSS для particles.js:
Код:
width: 100%;
height: 100%;
position: fixed;
z-index: -10;
top: 0;
left: 0;
Спасибо за помощь.
Записан
Страниц: [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