Warning: include() [function.include]: Failed opening '/home/users/p/pro128/domains/pro128.ru/wp-content/plugins/wp-pagenavi/scb/Widget.php' for inclusion (include_path='.:/usr/local/zend-5.3/share/pear') in /home/users/p/pro128/domains/pro128.ru/wp-content/plugins/wp-pagenavi/scb/load.php on line 80
2013 Февраль | Упакуй и продай свои знания!

Автор: О себе
Василий Сенченко

Архив месяца февраля, 2013

Как улучшить форму подписки Смартреспондера

Форма подписки Смартреспондера часто глючит, если поставлена в виджет сайта на Вордпресс. Узнайте, как отрегулировать положение надписей в форме.

Внимание! Сервис рассылки писем Smartresponder прекратил свою работу с 01.11.2016 года. Более 10 лет авторы проекта оказывали прекрасные услуги, особенно новичкам. Поблагодарим автора Макса Хигера и пожелаем ему и всем нам дальнейших успехов. Подписка для посетителей моего сайта переехала на новый сервис.

Форма подписки на рассылку писем Смартреспондера написана в html-кодах, содержит скрипт (специальную программу) для анализа действий подписчика и форму для отправки данных на Смартреспондер.

Если такую конструкцию поставить на страницу сайта в режиме редактора HTML, то проблемы не возникают.

А вот в виджетах коды html, и особенно программы на php, Вордпресс обрабатывает недостаточно хорошо. Нужны дополнительные усилия для того, чтобы форма хорошо выглядела на сайте.

Вот пример. На сайте «Я путешествую сама» автор поставила форму в правый сайтбар. Вся таблица автоматически заняла всю ширину сайтбара, а строки с надписями и полями ввода данных оказались прижатыми влево.

Василий Сенченко, сайт за 12 часов, форма подписки до преобразования

А хотелось бы, чтобы надписи и строки для ввода информации были расположены по центру. Автор сайта обратилась ко мне за помощью. Постараемся выправить ситуацию.

Открывает блокнот Notepad++. Блокнот можно бесплатно скачать на сайте разработчика.

Копируем код формы подписки на рассылку Смартреспондера и вставляем на новую страницу в блокноте.

Выбираем в меню блокнота режим «Синтаксис — H — HTML» Теперь код будет подсвечиваться, и нам будет хорошо видны все элементы.

Сохраните страницу блокнота. Нажимаете на кнопку Сохранить в меню блокнота, выбираете место на своем компьютере и даете имя файлу.

Уважаемые авторы сайтов! Исправить ситуацию можно многими способами, включая вмешательство в код таблицы и код css-файла на сайте. В другой раз я расскажу, как это сделать. Сегодня мы идем по самому короткому пути к нашей цели, пусть валидаторы немного пошевелятся.

Ищем строку начала таблицы, которая начинается <table width="240">
Номер строки 27 (может быть и другой номер). Она выделена серым цветом. Ширина таблицы может быть и другая, а не 240 пикселей.

Василий Сенченко, сайт за 12 часов, html-код до преобразования

Затем преобразуйте код, чтобы он имел вид, как на следующем рисунке. Ставьте курсор в нужное место и нажимайте на клавиатуре кнопку Enter. На рисунке ниже показана левая часть страницы с кодом.

Внимание! Берегите каждый символ на странице, он на вес золота! Если что-то не заладится, нажимайте в меню блокнота стрелку возврата, чтобы возвратиться в исходное состояние.

У вас получится таблица такого вида.

Василий Сенченко, сайт за 12 часов, html-код преобразованный

Для центрирования применим открывающий тэг <center> и закрывающий тэг </center>. Что находится между ними, будет размещено по центру. Тэги выделяем на этой странице, копируем и поочередно попарно размещаем в начале строк, как показано на следующем рисунке. Вставленные тэги подсвечены.

Василий Сенченко, сайт за 12 часов, html-код после преобразования

Всё, работа выполнена. Теперь надо сохранить полученный результат. Нажимаете на кнопку Сохранить в меню блокнота.

Следующий шаг: скопируйте полученный код полностью и вставьте его в виджет сайтбара на сайте. Сохраните виджет. Перейдите на сайт и посмотрите, как красиво получилось. Эта красота размещена чуть ниже.

Василий Сенченко, сайт за 12 часов, форма подписки после преобразования

Василий Сенченко
психолог и веб-мастер

P.S. В коде вы наверняка заметили два числа size="20". Это длина строки ввода информации, можно ввести 20 символов. Попробуйте изменить эти числа в большую или меньшую сторону, удлинить или укоротить строку ввода.

Присоединяйтесь ко мне в социальных сетях:
Василий Сенченко Google+ присоединяйтесь
Скажи $пасибо!
Поддержи свой любимый сайт материально! Нажми кнопку «$пасибо!»

Пользуюсь сам!
Василий Сенченко, профессиональный сайт  за 12 часов, рекомендую Хостинг Джино Василий Сенченко, профессиональный сайт  за 12 часов, регистрация доменов за 99 рублей
Виртуальный мир
Путеводитель новичка в мире Интернета
Получите в подарок!
arrowdowngreengloss
Короткие новости

Кликните на радиостанцию и наслаждайтесь звучанием.
Для выключения - кнопка STOP в заголовке.