Sneak Peek at Balbooa Joomla Forms 2.x

Continue Reading
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Кнопка набора номера

1 year 6 months ago #1

  • Tanya's Avatar
  • Tanya
  • Posts: 146
Добрый день!

Могу ли я предложить на будущее масенький плагин - фиксированную кнопку набора номера. (В идеале анимированную и с возможностью менять цвет, размер и позицию нижний угол слева или справа?

Предлагаю, так как каждый 2-3 заказчик просит поставить ему такую кнопку в моб версию сайта.

1 year 6 months ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8003
Здравствуйте,

Для получения такой кнопки вам необходимо для плагина кнопка добавить класс callback
Настроить кнопку как вам необходимо (цвет, заголовок, иконка итд. )
В ссылку кнопки вставить номер телефона tel:Ваш номер телефона Пример:
support.balbooa.com/forum/gridbox/3947-l...number-to-icon#17849

И в редакторе кода добавить CSS:
.callback {
	bottom: 25px; /*или top:50px; позиции сверху*/
	position: fixed;
	right: 50px; /*или left:50px; позиции слева*/
	width: auto !important;
	z-index: 100;
}

.callback .ba-button-wrapper a:after, 
.callback .ba-button-wrapper a:before {
	background: inherit;
	border-radius: inherit;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

@-webkit-keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

@keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

.callback .ba-button-wrapper a:after {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .3;
}

.callback .ba-button-wrapper a:before {
	-webkit-animation: pulse 1.25s  .3s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s .3s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .6;
}
С Уважением,
Вячеслав, Balbooa.com

1 year 6 months ago #3

  • Tanya's Avatar
  • Tanya
  • Posts: 146
Спасибо за ответ)))))

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

1 year 6 months ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 8003
Пожалуйста ;)
Powered by Kunena Forum