forma_podpiski_getresponse

Как разместить форму подписки Гетреспонс по центру страницы?

Здравствуйте, дорогие друзья.

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

Изначально при генерировании формы в аккаунте, сервис гетреспонс не дает возможности устанавливать положение формы относительно страницы. Не могу понять почему, но вот так...


Это значит, что вы создаете форму, получаете код и когда ставите на страницу, то форма у вас стоит слева. Даже если вы в редакторе поста нажмете на значок "по центру", то это вам ничего не даст. Даже если вручную пропишите код <p align="center"> код формы</p> или <p style="text-align: center;"> код формы</p>. то все равно форма как останется слева так и останется.

Выход такой. Он также через ручное прописывание кода. Но код несколько иной, а именно заключение в <div> и прописыванием ширины блока, который нужно центрировать.

Вот сам код  <div class="aligncenter" style="width: 310px;"> КОД ВАШЕЙ ФОРМЫ</div>

Это значит, что форма подписки гетреспонс входит в "блок" шириной 310px и расположен этот блок по центру. Ширина устанавливается исходя из размеров созданной формы в гетреспонс.

Вот видео для более наглядного восприятия.

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


Comments:

9 Comments
  1. Валентина Карамышева
    2015-03-06
    Reply

    Спасибо Марина! Ваше видео очень помогло. Коротко, четко и ясно. Получилось с первого раза. :) С уважением, Валентина Карамышева

    • MarinaRomash
      2015-03-06
      Reply

      пожалуйста :)

  2. Андрей Луцюк
    2015-03-06
    Reply

    вы не рассказали какие стили должны быть прописаны для класса .aligncenter что бы отцентрировать её. в файле style.css нужно прописать .aligncenter{ margin: auto; width: 310px; } в html код формы будет достаточно указать только класса, в котором будут прописаны все необходимые стили.

    • MarinaRomash
      2015-03-06
      Reply

      Андрей, все так ) Но цель статьи – дать готовый механизм – вставил и получил ). Не все люди знают что такое CSS и HTML – вот для них и шпаргалка. А так все верно про css, что вы написали )

  3. 2016-09-27
    Reply

    Марина, спасибо Вам огромное! Несколько статей с советами, как выровнять форму, прочитала и попыталась это сделать, не помогло. А Ваша чудесная формула сработала! Правда, у меня форма подписки не от гетреспонс, а SendPulse, но это неважно. Более того, удалось наконец-то сдвинуть в центр рекламу от Гугл, которая тоже прилепилась к левому краю и никак не хотела выравниваться. Спасибо Вам еще раз!

    • MarinaRomash
      2017-08-03
      Reply

      круто!! рада :)

  4. 2017-02-09
    Reply

    Марина, спасибо большое. Вы мне очень помогли. Никак не могла установить форму подписки Sendpulse посередине. Что только не делала. Вашим методом все сразу стало на свои места. Удачи вам!

    • MarinaRomash
      2017-08-03
      Reply

      рада, что помогло )

Leave a Comment