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

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

Приветствую друзья и коллеги! В преддверии своего дня рождения, решил Вас порадовать суперским расширением "Кнопка" которая адаптируется по размерам и положению на точках останова, и содержит много настроек для кастомизации, а так же ряд прикольных эффектов, которых нет в билдеровской кнопке. Кнопка прекрасно отображается в интерфейсе программы. Вне всякого сомнения Вы будете применять эту кнопку в 90% своих проектов!!!

knopka.zip

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

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

Добавил в магазин, так искать легче будет :a_g_a:

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

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

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

Снаступающим Вас Кирилл!!! У меня на 12.0.3 не открывает че то :ny_tik:

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

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

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

Всем спасибо ребята! spoon, должно открывать, я на Вашей версии тестировал, или Вы не можете найти расширение в панели инструментов может быть? Называется "Расширение кнопка (адаптивная по точкам останова). Иногда нужно все расширения из папки Extensions временно удалить, и потом добавить те, которые не перетаскиваются, попробовать перетащить их в проект, и если всё норм, потом все остальные добавить

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

Ребята, важное уточнение, что бы все эффекты в кнопке (которые с псевдо-элементами) заработали, нужно в параметрах программы , там где настройки CSS , выбрать форматирование: стандарт (ну или defolt) .

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

Нашел, работает, спасибо :-ok-:

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

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

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

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

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

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

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

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

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

<a href="javascript:displaylightbox('./page1.html',{width:280,height:330})" target="_self">

, а в "Запись после тэга" внести это

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

</a>

вот и всё. Вот новое расширение

knopka2.zip

Ну и в проекте должен уже находится какой то элемент, который так же использует лайтбокс, естественно (что бы в проекте была подключена библиотека эта).

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

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

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

Ну во первых шейп это не кнопка, во вторых есть такое понятие как валидность кода, так вот если кнопку обернуть ссылкой, валидатор напишет ошибку, я не говорю что это прям смертельно, а просто что это не совсем правильно))

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

Коллеги, небольшое уточнение по этому расширению, оно может работать как кнопка отправки формы, для этого в самом первом пункте в "Виды кнопок" нужно выбрать - submit

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

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

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

Дмитрий опишите по подробней, что за отправка? без перезагрузки что ли форма отправляется?

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

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

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

я понял, ну это естественно, так как в кнопке есть свойство css - transition то это и происходит.. Если надо могу для Вас в 5 сек это подправить скриптом, если надо, но нужна ссылка на проект

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

Добро пожаловать на форум!