Кнопка с спец эффектами адаптируемая по точкам останова

Разные полезности для сайта, от сторонних разработчиков.
Ответить Вложения 3
Аватара пользователя

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 17 май 2017, 16:04

Приветствую друзья и коллеги! В преддверии своего дня рождения, решил Вас порадовать суперским расширением "Кнопка" которая адаптируется по размерам и положению на точках останова, и содержит много настроек для кастомизации, а так же ряд прикольных эффектов, которых нет в билдеровской кнопке. Кнопка прекрасно отображается в интерфейсе программы. Вне всякого сомнения Вы будете применять эту кнопку в 90% своих проектов!!!
knopka.zip
У вас нет необходимых прав для просмотра вложений в этом сообщении.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 205
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 12.5
Имя: Александр
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение MasterOfPuppets » 17 май 2017, 16:51

По любому буду применять!. Кирилл, спасибо, это еще полезней расширения с супер полезной штукой :-):

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

Alex
Admin
Admin
Сообщения: 3175
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Alex » 17 май 2017, 18:25

Добавил в магазин, так искать легче будет :a_g_a:
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

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

codeorlov
Втянувшийся
Втянувшийся
Сообщения: 67
Зарегистрирован: 23 фев 2017, 13:22
Версия Web Builder: 11.6.3

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение codeorlov » 17 май 2017, 22:27

Отличное расширение!Очень удобно, красиво, а главное - актуально при создании современных сайтов!!Огромное спасибо, Кирилл, что трудитесь и выкладываете подобные вещи для широких масс!
Обязательно буду использовать! :ya_hoo_oo: :ya_hoo_oo: :co_ol: :co_ol:

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

spoon
Опытный
Опытный
Сообщения: 759
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение spoon » 18 май 2017, 09:30

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

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

sinpai
Опытный
Опытный
Сообщения: 686
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 12.5
Имя: Иван
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение sinpai » 18 май 2017, 11:00

С наступающим днем рождения!!! Как всегда очень круто!
И грянет страшный русский ренессанс!

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 18 май 2017, 22:12

Всем спасибо ребята! spoon, должно открывать, я на Вашей версии тестировал, или Вы не можете найти расширение в панели инструментов может быть? Называется "Расширение кнопка (адаптивная по точкам останова). Иногда нужно все расширения из папки Extensions временно удалить, и потом добавить те, которые не перетаскиваются, попробовать перетащить их в проект, и если всё норм, потом все остальные добавить
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 19 май 2017, 07:09

Ребята, важное уточнение, что бы все эффекты в кнопке (которые с псевдо-элементами) заработали, нужно в параметрах программы , там где настройки CSS , выбрать форматирование: стандарт (ну или defolt) .
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

spoon
Опытный
Опытный
Сообщения: 759
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение spoon » 20 май 2017, 07:27

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

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

Alex15963
Знаток
Знаток
Сообщения: 526
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Alex15963 » 20 май 2017, 19:07

Кнопка - бомба! Спасибо! Правда еще рановато (12 дней), но все равно - С наступающей тебя Днюхой! :al_kana_ft:

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

robert359
Подающий надежды
Подающий надежды
Сообщения: 144
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение robert359 » 22 май 2017, 12:41

Гудвин, очень крутая кнопка! А как сделать ссылку на окно в лайтбоксе?
И прописать настройки:
width:280,
height:330

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

romanlli
Читатель
Читатель
Сообщения: 7
Зарегистрирован: 23 май 2017, 16:03
Версия Web Builder: 12.0.0
Имя: Роман

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение romanlli » 24 май 2017, 09:28

:-|-: спасибо крутая кнопка

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 24 май 2017, 10:50

Alex15963, Спасибо Алексей! Значит парни, модернизировал кнопку для более менее рукастых парней. Добавил возможность внесения кода перед тегом, в тег, и после тега. Кнопку делать стандартной ссылкой не очень хорошая идея, но как говорится , если нельзя, но сильно хочется, тогда можно))). Для этого надо в " запись перед тэгом" разместить такую запись (естественно со своими данными)

Код: Выделить всё

<a href="javascript:displaylightbox('./page1.html',{width:280,height:330})" target="_self">
, а в "Запись после тэга" внести это вот и всё. Вот новое расширение
knopka2.zip

Ну и в проекте должен уже находится какой то элемент, который так же использует лайтбокс, естественно (что бы в проекте была подключена библиотека эта).
У вас нет необходимых прав для просмотра вложений в этом сообщении.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

robert359
Подающий надежды
Подающий надежды
Сообщения: 144
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение robert359 » 24 май 2017, 22:48

Почему делать кнопку стандартной ссылкой не очень хорошая идея? Я так всегда делаю, shape, и во вкладке "ссылка" настраиваю путь на лайтбокс

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 25 май 2017, 00:03

Ну во первых шейп это не кнопка, во вторых есть такое понятие как валидность кода, так вот если кнопку обернуть ссылкой, валидатор напишет ошибку, я не говорю что это прям смертельно, а просто что это не совсем правильно))
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 29 июл 2017, 18:45

Коллеги, небольшое уточнение по этому расширению, оно может работать как кнопка отправки формы, для этого в самом первом пункте в "Виды кнопок" нужно выбрать - submit
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

dmitryp
Втянувшийся
Втянувшийся
Сообщения: 72
Зарегистрирован: 03 фев 2015, 08:18
Версия Web Builder: 12.4
Имя: Дмитрий
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение dmitryp » 30 июл 2017, 12:13

Gudwinn Кирилл, кнопка крутая, пользуюсь, Спасибо!)
Обнаружил мелкую проблемку, в всплывающем слое, в форме, после отправки все элементы скрываются одновременно, а кнопка из расширения отображалась примерно ещё секунду. Разбираться времени не было, заменил на стандартную. Возможно это частный случай или в настройках по мимо CSS defolt ещё что-то влияет. 12.1 лицензия.

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 30 июл 2017, 14:34

Дмитрий опишите по подробней, что за отправка? без перезагрузки что ли форма отправляется?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

dmitryp
Втянувшийся
Втянувшийся
Сообщения: 72
Зарегистрирован: 03 фев 2015, 08:18
Версия Web Builder: 12.4
Имя: Дмитрий
Контактная информация:

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение dmitryp » 30 июл 2017, 17:59

Gudwinn, да, конструкция как в вашем ролике "Расширение AJAX". После нажатия на кнопку "отправить" фон и форма скрываются одновременно, а кнопка пропадает спустя секунду. В техническом плане всё работает, в эстетическом немного не очень)

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

Автор Темы
Gudwinn
Эксперт
Эксперт
Сообщения: 1298
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Кнопка с спец эффектами адаптируемая по точкам останова

Сообщение Gudwinn » 30 июл 2017, 22:19

я понял, ну это естественно, так как в кнопке есть свойство css - transition то это и происходит.. Если надо могу для Вас в 5 сек это подправить скриптом, если надо, но нужна ссылка на проект
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853


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

Вернуться в «Полезное для сайта.»

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

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