Вставка html со своим css из библиотеки скриптов codepen.io  [РЕШЕНО]

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

Автор Темы
Asimo
Втянувшийся
Втянувшийся
Сообщения: 59
Зарегистрирован: 18 дек 2013, 17:54
Версия Web Builder: 9.1.2

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Asimo » 08 июн 2017, 15:17

Добрый день, уважаемые коллеги.

Подскажите, пожалуйста, неофиту, как на web builder вставить, скажем, такой скрипт?
https://codepen.io/ARash-r/pen/AXQwQo

Вставляю то, что в разделе HTML в соответствующий блок в WB, а куда и как прописывать css - не знаю. Попробовал в тот же код, но это, полагаю, совсем не то. Ну и результата не добился. Вопрос наверно базовый, но прошу не посылать изучать html и css в течение нескольких недель/месяцев. Помогите с конкретной задачей.

Спасибо!

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io  [РЕШЕНО]

Сообщение spoon » 08 июн 2017, 16:16

Выноси отдельным файлом css, а в html пропиши class своему блоку.

Отправлено спустя 9 минут 13 секунд:
Так что ли?
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

Автор Темы
Asimo
Втянувшийся
Втянувшийся
Сообщения: 59
Зарегистрирован: 18 дек 2013, 17:54
Версия Web Builder: 9.1.2

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Asimo » 08 июн 2017, 17:04

О, все оказалось логично и "просто"! Ты чудо - спасибо большое!)

Правда, про class я не понял. Сравнив код (в исходнике и в твоем проекте) разницы не увидел. Что нужно делать с class и зачем, если и так сработало?

Спасибо, spoon.

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение spoon » 08 июн 2017, 17:10

Не бери в голову)) Пользуйся не жалко)
Про классы читай в CSS, лучше чем он я не расскажу.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

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

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение anonimus » 08 июн 2017, 17:25

Вот пример использования по крайней мере двух разных инструментов самого билдера
первый конечно не совсем то, а второй вообще в тему
при желании можно и по другому сделать, но я не заморачивался
думаю этого достаточно
пример

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

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение spoon » 08 июн 2017, 17:36

Вот и я про то же, билдер насыщен всем необходимым для создания сайта почти любой сложности, а использование скриптов крайний случай.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

Автор Темы
Asimo
Втянувшийся
Втянувшийся
Сообщения: 59
Зарегистрирован: 18 дек 2013, 17:54
Версия Web Builder: 9.1.2

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Asimo » 08 июн 2017, 17:45

Спасибо!) И правда.
Однако, пример со сторонним кодом мне видится красивше и аккуратнее (в плане анимации, переключения слов). И навык вставлять сторонний код подобного рода очень важен для моего развития. Большое вам спасибо за расширение картины мира и помощь. Надеюсь, многие другие также получат пользу от этой темы.

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение spoon » 08 июн 2017, 18:01

Asimo писал(а): И навык вставлять сторонний код подобного рода
Эта скопировать его что ли)))))
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

Автор Темы
Asimo
Втянувшийся
Втянувшийся
Сообщения: 59
Зарегистрирован: 18 дек 2013, 17:54
Версия Web Builder: 9.1.2

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Asimo » 08 июн 2017, 18:08

Разумеется, только те, что в открытом доступе. С этими тоже у меня, как у новичка, проблемы)

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение spoon » 08 июн 2017, 18:13

Вы бы лучше писать учились, а не копировать)))
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

Alex15963
Опытный
Опытный
Сообщения: 697
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4
Имя: Алексей

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Alex15963 » 08 июн 2017, 23:08

Грубиян :hi_hi_hi:

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

Автор Темы
Asimo
Втянувшийся
Втянувшийся
Сообщения: 59
Зарегистрирован: 18 дек 2013, 17:54
Версия Web Builder: 9.1.2

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение Asimo » 09 июн 2017, 00:42

Время всему своё. :ta-ne-c:

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Вставка html со своим css из библиотеки скриптов codepen.io

Сообщение spoon » 09 июн 2017, 13:17

:ti_pa: да неее, ни кого обидить не хотел, сори.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега


Ответить Вложения 1

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

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

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