Добре дошли! Тази лекция ще бъде полезна за начинаещите уеб дизайнери. И най-вече много интересна информация от нея ще можете да научите CMS Joomla 3 потребители.
Не е тайна, че уеб сайта е създаден, на първо място, за да привлекат клиенти и да направи продажби. Един от най-популярните начини за осъществяване на контакт с мрежата на посетител е форма на обратна връзка. Ако, уважаеми читатели, че вече има първоначален опит с Joomla 3, можете да забележите, че изберете високо качество на формата за обратна връзка в ССФ е доста трудно. Разбира се, разбира добре в темата, можете да научите как да добавите статични форми като samopisnye и страни. Въпреки това, за да инсталирате в Joomla форма 3 изскачащ обратна връзка - е друга история. Лично аз имам няколко години се опитах няколко решения и се заселва Perfect Аякс форма изскачащ прозорец за връзка. Този модул и характеристики на неговото създаване и ще бъдат обсъдени в тази статия.
Joomla форма на обратна връзка.
На първо място, ние се Perfect Аякс форма изскачащ контакт и да го инсталирате чрез управителя на разширение в Jumla. В момента аз съм с версия 3.2.20, и това ме устройва повече от пълна. Сега ви предлагам да отнеме няколко стъпки, през които ние ще направим една проста бутон и той ще се свърже изскачащия форма за обратна връзка Perfect Аякс.
Нека се обърнем към Модул Мениджър администраторския панел на Joomla 3. Ето, ние трябва да намерим инсталираните нови модула и отворете настройките:
Аз трябва да кажа, Perfect Аякс може да бъде конфигуриран за статично (без плаваща) дисплей, обаче, е тема за друга статия. Е, ние първо изложи параметър Lightbox прозорец в първия раздел, който се нарича модула:
(Кликнете върху изображението, за да увеличите)
Също така се скрие модула с глава в този раздел, ако е така, включва публикации и задайте разположението на модул. По принцип, можете да изберете всяка позиция като форма ще се покаже прозорец "от нищото", аз обикновено проявяват позиция за отстраняване на грешки, тя се намира в почти всички Joomla шаблони.
раздела Snap, за да изберете елементи от менюто на всички страници. След това отидете на следната важна раздела Theme. Именно тук е определено от външния вид на нашата Joomla форма на обратна връзка.
В този раздел, много настройки, при които то е лесно да се загубиш, така че аз ще ви разкажа за няколко основни. В горната част на избрания цвят тема. Нека да направим бутони стил и полета (бутони и полета стил) син, и цвета на фона (Background стил) - бяло:
(Кликнете върху изображението, за да увеличите)
Превъртете надолу. Има няколко важни настройки, като ширината на (ширина) Форма на формуляра. Разположете имената полеви (Labels позиция). Font (Размер на шрифта, семейството на шрифта). Имената на полетата обикновено поставят над полета (над полето). всичко останало - е за ситуацията:
(Кликнете върху изображението, за да увеличите)
В долната част, можете да укажете на визуален ефект от наводнения и неговата продължителност, като площад след това, на 400 милисекунди. Не забравяйте да въведете Signature бутона Публикувай (Изпрати етикет бутон). в противен случай тя ще остане на Инглиш:
(Кликнете върху изображението, за да увеличите)
Модулът образува Joomla обратна връзка. Перфектна обстановка форма Аякс изскачащ контакт.
Добре, нека преминем! Щракнете върху раздела Toggler раздел. Toggler раздела - това е стандартен бутон, който активира изскачащи форма на обратна връзка. Въпреки това, ние не забравяйте, че в нашата версия на бутона ще има свой собствен, самостоятелно направени, който се поставя на точното място за нас, така че ние да деактивирате раздела Toggler:
(Кликнете върху изображението, за да увеличите)
(Кликнете върху изображението, за да увеличите)
След навигация в раздела събития (събития / действия). От всички възможности, установени ще обърне внимание на един - на автоматичното затваряне на формата след изпращане (Auto-близо). това е една много важна функция. Кликнете върху бутона за електронна поща успех. което означава, че нашата форма ще се затвори след успешна оферта. Auto-закъснение (Auto-близо закъснение) обикновено проявяват е 2500 милисекунди.
И, може би, последната настройка Perfect Аякс формата за контакт на изскачащи прозорци. Той се намира в раздела Документация и определя как да се отвори изскачащ форма. В нашия случай, формата трябва да се отвори HTML-бутон, така че всеки един от нас се интересуват от позицията Open формата за контакт с линк. Код за интегриране е много проста и включва добавяне pwebcontact143_toggler клас. 143 - това е серийния номер на модула за Perfect Аякс. това е неговата собствена във всеки администратор.
(Кликнете върху изображението, за да увеличите)
Както можете да видите, бутона (предупреждава да се), два CSS класа, един от Perfect Аякс модул, а от друга - ми samopisny. Между другото, можете да се провери, как тази форма на уебсайт, създаден от мен тук. Кликнете върху бутона и ще видите резултата:
Благодаря ви за вниманието! А знаеш ли как да се направи форма изскачащ обратна връзка в Joomla. Ако имате някакви въпроси относно CMS Joomla 3. да ми пише на е-мейл:
Свързани статии