Привет всем форумчанам.
Кто силен в web builder подскажите как сделать блик на кнопке как на этом сайте http://pph.by/. Заранее благодарен. Готов оплатить консультацию тому кто научит делать такие кнопки.
Блик на кнопке в Форме
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
16 сообщений
• Страница 1 из 1
-
Russia911
- Читатель
- Сообщения: 8
- Зарегистрирован: 17 фев 2017, 18:05
- Версия Web Builder: 10.4.2
Реклама
-
lelik
- Подающий надежды
- Сообщения: 138
- Зарегистрирован: 02 ноя 2013, 07:59
- Версия Web Builder: 12.5
- Контактная информация:
Блик на кнопке в Форме
У Гудвина есть расширение это , поищите по форуму
-
Russia911
- Читатель
- Сообщения: 8
- Зарегистрирован: 17 фев 2017, 18:05
- Версия Web Builder: 10.4.2
Блик на кнопке в Форме
lelik, Да я вроде по форуму посмотрел, не нашел ни чего
-
sinpai
- Опытный
- Сообщения: 766
- Зарегистрирован: 01 сен 2014, 11:19
- Версия Web Builder: 14.2.2
- Имя: Иван
- Контактная информация:
-
MasterOfPuppets
- Продвинутый
- Сообщения: 239
- Зарегистрирован: 10 май 2015, 19:37
- Версия Web Builder: 14.2.2
- Имя: Александр
- Контактная информация:
Блик на кнопке в Форме
Классное расширение, Гудвин может вещи бахать, что и говорить.. А глянул на код странички http://pph.by - офанарел, ай да вордпресс..
Чтобы стать крабом, нужно стать раком и ходить боком
-
Russia911
- Читатель
- Сообщения: 8
- Зарегистрирован: 17 фев 2017, 18:05
- Версия Web Builder: 10.4.2
Блик на кнопке в Форме
MasterOfPuppets, сайт http://pph.by сделан на web builder
-
Конструкторщик
- Эксперт
- Сообщения: 1394
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Блик на кнопке в Форме
Где ж он на Билдере сделан?
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.
-
Cheririna
- Интересующийся
- Сообщения: 31
- Зарегистрирован: 30 июн 2018, 21:34
- Версия Web Builder: 14.2.2
- Имя: Ирина
Блик на кнопке в Форме
автор указанного сайта Александр Дайнека подключал какие-то там стили (это с его слов, я в этом не понимаю), если хотите скину контакты, можете с ним проконсультироваться, а у Гудвина не совсем то, но тоже прикольно
-
Gudwinn
- Эксперт
- Сообщения: 1375
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Блик на кнопке в Форме
Cheririna, Хм... Как это не то? Вы все примеры анимаций в кнопке перепробовали? Вот я как то делал сайт на билдере, тут этот эффект везде предоставлен http://kuhnya-vlad.offershop.ru
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
-
dred
- Втянувшийся
- Сообщения: 64
- Зарегистрирован: 01 фев 2016, 08:31
- Версия Web Builder: 12.5
- Имя: DREDD
Блик на кнопке в Форме
Gudwinn, опишите подробно как вы этот блик делали, я тоже что то не нашел
Многая речь на устах — еще не залог разуменья.
-
Gudwinn
- Эксперт
- Сообщения: 1375
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Блик на кнопке в Форме
dred, Вот расширение кнопки В виде эффектов(это в категории стилей кнопки) выбираете castom В параметрах проги, CSS должен быть по дефолту,оптимизировать встраиваемые стили, галочку не ставим в параметрах - всё!
У вас нет необходимых прав для просмотра вложений в этом сообщении.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
-
dred
- Втянувшийся
- Сообщения: 64
- Зарегистрирован: 01 фев 2016, 08:31
- Версия Web Builder: 12.5
- Имя: DREDD
Блик на кнопке в Форме
Gudwinn, Вот этого castom и не было в моей кнопке, сейчас все ок 
Многая речь на устах — еще не залог разуменья.
-
Cheririna
- Интересующийся
- Сообщения: 31
- Зарегистрирован: 30 июн 2018, 21:34
- Версия Web Builder: 14.2.2
- Имя: Ирина
Блик на кнопке в Форме
Гудвин, СПАСИБО огромное, кнопочка супер. Честно, даже не ожидала, то кто-то возиться будет. Я здесь недавно, но уже очень нравится.
-
dlod
- Втянувшийся
- Сообщения: 71
- Зарегистрирован: 11 июл 2015, 21:57
- Версия Web Builder: 12.4
- Имя: Дмитрий
- Контактная информация:
Блик на кнопке в Форме
Вот еще одно бесплатное расширение «Блик для кнопки» скачать
-
codeorlov
- Втянувшийся
- Сообщения: 67
- Зарегистрирован: 23 фев 2017, 13:22
- Версия Web Builder: 11.6.3
Блик на кнопке в Форме
Задаем кнопке класс butt-anim. Между тегами <head></head> вставляем стиль. Наслаждаемся 
<style>
.butt-anim {
position: relative;
overflow: hidden;
}
.butt-anim:after {
content: "" !important;
margin-left: 60px !important;
width: 30px !important;
height: 300px !important;
background: #fff !important;
-webkit-animation-delay: 0.05s !important;
animation-delay: 0.05s !important;
position: absolute !important;
left: -40px !important;
top: -150px !important;
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
-webkit-transition: all 0.1s !important;
transition: all 0.1s !important;
-webkit-animation-name: slideme !important;
animation-name: slideme !important;
-webkit-animation-duration: 3s !important;
animation-duration: 3s !important;
-webkit-animation-iteration-count: infinite !important;
animation-iteration-count: infinite !important;
-webkit-transform: rotate(45deg)!important;
transform: rotate(45deg) !important;
}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }
@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }
</style>
P.S. Сайт выше сделан на wp с использованием elementor.
<style>
.butt-anim {
position: relative;
overflow: hidden;
}
.butt-anim:after {
content: "" !important;
margin-left: 60px !important;
width: 30px !important;
height: 300px !important;
background: #fff !important;
-webkit-animation-delay: 0.05s !important;
animation-delay: 0.05s !important;
position: absolute !important;
left: -40px !important;
top: -150px !important;
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
-webkit-transition: all 0.1s !important;
transition: all 0.1s !important;
-webkit-animation-name: slideme !important;
animation-name: slideme !important;
-webkit-animation-duration: 3s !important;
animation-duration: 3s !important;
-webkit-animation-iteration-count: infinite !important;
animation-iteration-count: infinite !important;
-webkit-transform: rotate(45deg)!important;
transform: rotate(45deg) !important;
}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }
@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }
</style>
P.S. Сайт выше сделан на wp с использованием elementor.
-
xeond
- Неофит
- Сообщения: 1
- Зарегистрирован: 11 авг 2019, 02:31
- Версия Web Builder: 14
Блик на кнопке в Форме
codeorlov, спасибо! Круто) Правда у меня получилось добавить не на кнопку, а на слой. Но информация оказалась полезна! Успехов вам :)
16 сообщений
• Страница 1 из 1
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость