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

tnk

  • Новичок
  • 20
  • 0 / 1
canvas js как добавить в bg
« : 02.09.2017, 18:04:09 »
Добрый день, извините , что беспокою, сам я не местный :)

Проблема следующая; есть шаблон от joomlart > resume/
хотел поставить в место обычной картинки бакграунда скрипт канвас отсуда https://codepen.io/jkiss/pen/OVEeqK?depth=everything&limit=all&order=popularity&page=6&q=canvas&show_forks=false
попытки оказались тщетны,
Просьба, кто в курсе напишите пожалуйста, последовательность, куда нужно раскидать файлы CSS, js, чтобы заработала
большое спасибо.
*

vipiusss

  • Гуру
  • 5748
  • 343 / 10
  • Скайп: renor_
Re: canvas js как добавить в bg
« Ответ #1 : 02.09.2017, 19:30:05 »
Распаковать и закачать прикреплённый файл в: templates/ваш шаблон/js/
После <body> добавить: <canvas id="nokey"></canvas>
Перед </body> добавить: <script src="templates/ваш шаблон/js/cs.js"></script>
В любой подключённый css-файл добавить: canvas{background-color: #000;}

Должно заработать.
P.S. Не уверен, что скрипт нужно подключать именно в <head>, но попробуйте так сначало.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

tnk

  • Новичок
  • 20
  • 0 / 1
Re: canvas js как добавить в bg
« Ответ #2 : 03.09.2017, 00:11:01 »
спасибо мил человек, Уважил!
все ок!
*

tnk

  • Новичок
  • 20
  • 0 / 1
Re: canvas js как добавить в bg
« Ответ #3 : 03.09.2017, 23:55:08 »
Доброе время суток!
Вот, вроде первый вопрос решился, и я,  решил закрепить пройденное.
скопировал 2 варианта оч интересных эффектор от сюда https://codepen.io/jackrugile/pen/acAgx?q=canvas&limit=all&type=type-pens
и https://codepen.io/MarcoGuglielmelli/pen/lLCxy?q=AnimatedHeaderBackgrounds&limit=all&order=popularity&depth=everything&show_forks=false

и с полной уверенностью проделал пройденный путь, НО, тут меня опять дожидалась неудача! :(
Посему, дико извиняюсь, и опять спешу к вам за помощью, помогите кто чем сможет :) Благодарю за ранее!
*

vipiusss

  • Гуру
  • 5748
  • 343 / 10
  • Скайп: renor_
Re: canvas js как добавить в bg
« Ответ #4 : 04.09.2017, 08:47:51 »
Может уже и тему переименовать: я тут ищу фишки, бубочки красивые, а вы мне ставьте?  ^-^

В обоих ваших вариантах смысл таков же: в моём файле, который у вас уже подключён и закачан в нужное место, всё удаляете и копируете из колонки JS (последняя).

Из первой также после <body> как я выше писал, а стили в любой включённый,но!
Обратите внимание, что в первом случае, как и во втором, не нужно весь стиль копировать, т.к. у вас уже своя вёрстка/css идут, а только нужное.

Это нужно пропускать:
Спойлер
[свернуть]
Во втором примере нужен весь CSS.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как добавить в URL статьи алиас дочерней категории?

Автор Шмайсер

Ответов: 0
Просмотров: 94
Последний ответ 04.05.2019, 17:19:28
от Шмайсер
Добавить дополнительные раздел в меню

Автор Anna_N

Ответов: 16
Просмотров: 326
Последний ответ 24.04.2019, 21:43:25
от Technic
Анимированые элементы, Canvas, Установка particles.js

Автор Pahentiy

Ответов: 0
Просмотров: 68
Последний ответ 11.04.2019, 10:17:36
от Pahentiy
Добавить ссылки на документы

Автор Volna

Ответов: 1
Просмотров: 206
Последний ответ 08.04.2019, 22:23:09
от fireman
Добавить класс во второй уровень меню

Автор kolhoz

Ответов: 4
Просмотров: 152
Последний ответ 26.03.2019, 09:39:40
от fbr