Форма связи внутри "Сообщения" или "Страницы"
Шаг 1. Подключаем гаджет
В "Шаблоне" после (или в другую b:section с гаджетами):
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>...</b:widget>добавить
<b:widget id='ContactForm1' locked='false' title='Форма для связи' type='ContactForm'> <b:includable id='main'/> </b:widget>
Шаг 2. Настраиваем стили
Внешне будет похожа на форму комментариев, тоже в рамочке.
В редакторе форматирования "Сообщения" или "Страницы" переходим в режим "HTML" и вставляем:
<style> [name="contact-form"] { margin: 0 8px; padding: 18px 22px 10px; border-style: solid; border-width: 1px; border-color: rgb(229, 229, 229) rgb(229, 229, 229) rgb(238, 238, 238); border-radius: 2px; } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-email-message { display: block; width: 100%; max-width: 400px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2%; padding: 5px 2px 2px 5px; } #ContactForm1_contact-form-email-message { max-width: 100%; } </style> <form name="contact-form"> Как к Вам обращаться: <input id="ContactForm1_contact-form-name" class="contact-form-name" name="name" type="text" placeholder="например, Мария Петровна" x-autocompletetype="name"/> Email для связи: <input id="ContactForm1_contact-form-email" class="contact-form-email" name="email" type="email" placeholder="например, ivanova@yandex.ru" x-autocompletetype="email"/> Ваше сообщение: <textarea id="ContactForm1_contact-form-email-message" class="contact-form-email-message" name="email-message" rows="5" placeholder="Здравствуйте,"></textarea> <input id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit" type="button" value="Отправить" /> <div id="ContactForm1_contact-form-error-message"></div> <div id="ContactForm1_contact-form-success-message"></div> </form>
Форма связи в боковой колонке
Во вкладке "Дизайн" добавляем гаджет "Форма для связи". Он находится в списке "Другие гаджеты".
18 комментариев:
Завтра гляну нюансы тут. Я установила по описанию, на которое Вы меня первоначально направили. Сделала подходящие стили и т.п., но меня смущает 2 момента: это мой эл.адрес (у меня стоит там gmail (как основной адрес при входе в блог и гугл)а пользуюсь я другой...и изменить не получается..., а второе-при тестовой отправке сообщения себе изменяется кнопочка "отправить"-текст на ней становится жирным, при обновлении страницы это исчезает потом)
2) От стилей зависит. В статье я стандартные решила оставить. У всех разные шаблоны... А тут хоть с комментариями в одном цвете будет.
Внесу свои дополнения, что в настройках страницы, созданной под форму обратной связи для красоты, так сказать, поставить галочку в параметрах Комментарии-Не разрешать, скрывать.
Плюс сделала сбор писем на 1 ящик- уже проверила - всё приходит :)
Благодарю за помощь и отклик.
#ContactForm1_contact-form-submit {
padding: 10px; /* отступ */
font-size: 200%; /* размер шрифта */
}
#ContactForm1_contact-form-email-message {
max-width: 100%;
?
<b:section-contents id='sidebar-right-1'>
Или
<b:section-contents id='sidebar-right-1'/>
заменить на
<b:section-contents id='sidebar-right-1'>
<b:widget id='ContactForm1' locked='false' title='Форма для связи' type='ContactForm'>
<b:includable id='main'/>
</b:widget>
</b:section>
Обратите внимание на слеш (/) после id='sidebar-right-1'
Вт мой блог http://mirargo.blogspot.com/.
b:widget type='ContactForm'
Например,
id='ContactForm1'
и
id='ContactForm2'