0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1039 Просмотров
*

tailer

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Делаю в конструкторе http://allforjoomla.ru/sf2-generator вставляю в код формы, а на сайте выглядит вот как:



В чем может быть проблема?
*

antony2606

  • Давно я тут
  • 632
  • 46 / 4
  • Работаем!
Пациента покажите
*

tailer

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Пациента покажите

Код
{form}
<p>{element label="Ваше имя" class="form-field" type="text" required="required" error="Введите ваше имя" /}</p>
<p>{element label="Email" class="form-field" type="text" required="required" error="Введите ваш e-mail" /}</p>
<p>{element label="Сообщение" class="form-field" type="textarea" required="required" error="Введите ваше сообщение" /}</p>
<p class="submit-container">{element value="Отправить" class="form-button" type="submit" /}</p>
{/form}
<style type="text/css">.simpleForm { border: 1px solid #f2e3d2; background: #c9b7a2; background: -webkit-gradient(linear, left top, left bottom, from(#f2e3d2), to(#c9b7a2)); background: -webkit-linear-gradient(top, #f2e3d2, #c9b7a2); background: -moz-linear-gradient(top, #f2e3d2, #c9b7a2); background: -ms-linear-gradient(top, #f2e3d2, #c9b7a2); background: -o-linear-gradient(top, #f2e3d2, #c9b7a2); background-image: -ms-linear-gradient(top, #f2e3d2 0%, #c9b7a2 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; font-family: 'Helvetica Neue',Helvetica,sans-serif; text-decoration: none; vertical-align: middle; min-width:300px; padding:20px; width:300px;} .form-field { border: 1px solid #c9b7a2; background: #e4d5c3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c9b7a2; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:8px; width:100%;} textarea.form-field{height:80px;}.form-field:focus { background: #fff; color: #725129;} .simpleForm label { margin-bottom:10px; display:block; font-weight:bold; color: #725129; text-shadow: #fdf2e4 0 1px 0;} .simpleForm p{margin:0 0 20px;}.simpleForm p.submit-container { margin:0; text-align:right;} .form-button { border: 1px solid #447314; background: #6aa436; background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436)); background: -webkit-linear-gradient(top, #8dc059, #6aa436); background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436); background: -o-linear-gradient(top, #8dc059, #6aa436); background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #addc7e 0 1px 0; color: #31540c; font-family: helvetica, serif; padding: 8.5px 18px; font-size: 14px; text-decoration: none; vertical-align: middle; cursor:pointer;} .form-button:hover { border: 1px solid #447314; text-shadow: #31540c 0 1px 0; background: #6aa436; background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436)); background: -webkit-linear-gradient(top, #8dc059, #6aa436); background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436); background: -o-linear-gradient(top, #8dc059, #6aa436); background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); color: #fff;} .form-button:active { text-shadow: #31540c 0 1px 0; border: 1px solid #447314; background: #8dc059; background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436)); background: -webkit-linear-gradient(top, #6aa436, #8dc059); background: -moz-linear-gradient(top, #6aa436, #8dc059); background: -ms-linear-gradient(top, #6aa436, #8dc059); background: -o-linear-gradient(top, #6aa436, #8dc059); background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%); color: #fff;} </style>
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
в представленном коде, кроме высоты для class="form-field" type="textarea" ничего не нашел
ссылку на сайт хотелось бы увидеть? Может быть, что такие чудеса связаны со стилями самого шаблона
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль устанавливается, но Joomla его не видит

Автор ruppert

Ответов: 20
Просмотров: 16746
Последний ответ 01.08.2022, 05:30:50
от rezon777
Форма или модуль загрузки файлов пользователями

Автор НадеждаМакарова

Ответов: 2
Просмотров: 1088
Последний ответ 23.03.2020, 10:30:40
от НадеждаМакарова
Неправильно открывается сайт

Автор totalcolor

Ответов: 4
Просмотров: 1269
Последний ответ 20.04.2019, 12:54:20
от draff
Как скрыть модуль от мобильных устройств?

Автор shalunish

Ответов: 57
Просмотров: 22131
Последний ответ 19.09.2018, 14:21:59
от droncs46
Joomla 2.5 Как скрыть модуль от компьютера?

Автор ratamanta

Ответов: 11
Просмотров: 1074
Последний ответ 14.05.2018, 18:16:41
от ratamanta