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

tnk

  • Новичок
  • 19
  • 0 / 0
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

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

tnk

  • Новичок
  • 19
  • 0 / 0
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"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Какие бы фишки добавить в блог?

Автор polezniy

Ответов: 29
Просмотров: 1637
Последний ответ 28.10.2018, 11:15:23
от polezniy
Встроенный компонент "Перенаправление" добавить в меню

Автор submaster

Ответов: 2
Просмотров: 656
Последний ответ 24.10.2018, 15:56:05
от submaster
Добавить подложку под страницу с материалом

Автор klipius

Ответов: 30
Просмотров: 770
Последний ответ 17.09.2018, 13:31:13
от lexxbry
Добавить div в структуру материала

Автор Pryan

Ответов: 3
Просмотров: 225
Последний ответ 15.09.2018, 15:41:08
от lexxbry
Как добавить alias категории материала к классу элемента?

Автор timofe

Ответов: 18
Просмотров: 329
Последний ответ 09.08.2018, 17:47:53
от lexxbry