Как корректно подключить сторонний скрипт и его стили?

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 10:24

Всем привет. Кто подскажет как можно решить трабл один?
Есть сторонний скрипт с GitHub ( Адаптивный видеофон ) Да да, у билдера есть в настройках слоя видеофон, но он почему то не работает как видеофон на мобильных.

У скрипта есть свой стиль, который надо разместить в head.

Проблема в том, что происходит конфликт Стилей Билдера и самого скрипта видеофона. Билдер генерирует свои стили и скрипт свои. В итоге стиль работает не совсем правильно. Отображается как надо, но не показывает видео. Если сохранить КАК HTML шаблон и удалить в коде стиль билдера, то работает все норм.

Вопрос, как вбить в самой проге стили скрипта в стиль страницы? Объединить так сказать.
Можно конечно в ручную вбить. Но каждый раз при редактировании страницы менять это все в ручную не хочется

Вот сам проект:
https://yadi.sk/d/UFlZpwS93XdynU

И скриншот кода:
Изображение

Отправлено спустя 7 минут 41 секунду:
Можно забить на этот видеофон, и пользоваться встроенным. Вопрос не про сам видеофон.
Интересует как добавить в билдер стили стороннего скрипта. Для других решений))

Я думаю многим будет полезна эта тема))0) :smu:sche_nie:

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Работа со стилями

Сообщение anonimus » 10 июн 2018, 13:16

не работает, потому что нужно делать по другому
и советую вам дать ссылку на исходники, что бы тот кто решит выполнить вашу задачу не ломал голову как должно быть сделано, а видел как это есть на самом деле
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 13:51

Вот сам исходник:
https://codepen.io/zitrusfrisch/pen/vymGI

Отправлено спустя 1 минуту 41 секунду:
Задача такая: как то всунуть стили скрипта в стили страницы. Не в исходниках html, а именно как то в стили страницы впихнуть: в style.css типо или в index.css

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение anonimus » 10 июн 2018, 14:03

Мне сейчас не удобно писать и разбирать, но я вам на словах расскажу как это делается, если мне номер Вайбера или Скайпа в личку напишите

Отправлено спустя 2 минуты 10 секунд:
Либо можете позвонить мне через приложение ВК
https://vk.com/onlinebusinesscard
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 15:14

Я создал эту тему чтобы другие тоже увидели и узнали что то. По этому лучше сюда писать. Я просто для интереса попробал этот скрипт. Там еще много всяких приколюх у которых наверно тоже так же

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение anonimus » 10 июн 2018, 15:18

Ну ок. У меня компа нет под рукой, я на телефоне
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 15:43

Или как можно впихнуть код прям в исходники html? Если кликнув правой кнопкой мыши на слой, далее Исходники HTML, то он не совсем правильно встает. Есть ли возможность менять исходники сайта верхней части?

Вот скриншот:
https://yadi.sk/i/mpe1MCYx3XfGCv

Надо этот код как то между 15 и 16 строкой вставить. Это разетка слоя. Как то можно верхнюю часть на прямую редактировать?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение anonimus » 10 июн 2018, 15:46

Вы усложняет всё, не нужно этого гемора

Отправлено спустя 52 секунды:
Укажите между тегами head путь к нужным файлам стилей и всё
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 17:09

Ок. Можно ли как то редактировать HTML исходники сайта напрямую в билдере?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение anonimus » 10 июн 2018, 17:20

Нет и это делать не нужно
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
zbscomp
Подающий надежды
Подающий надежды
Сообщения: 114
Зарегистрирован: 09 сен 2015, 02:42
Версия Web Builder: 14.2.2
Имя: Владимир
Контактная информация:

Как корректно подключить сторонний скрипт и его стили?

Сообщение zbscomp » 10 июн 2018, 17:44

Ладно. Хрен с этим видеофоном)) Поюзаю другую приколюху какую-нибудь))
Видео отображается. Но она вниз уехала немного. Ладно.
Спасибо за ответы)


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя