форма

42 views
Skip to first unread message

Магазин Творчества

unread,
Jul 5, 2022, 1:02:38 AM7/5/22
to HEEG.HTML Бесплатная CMS интернет магазина
Здравствуйте! Как можно создать любую форму заполнения с фоновой картинкой?

HEEG.HTML

unread,
Jul 5, 2022, 3:08:44 AM7/5/22
to HEEG.HTML Бесплатная CMS интернет магазина
Создаете гугл форму  , нажимаете кнопку отправить и вставляете к себе через iframe

Снимок экрана 2022-07-05 100733.jpg

вторник, 5 июля 2022 г. в 08:02:38 UTC+3, Магазин Творчества:

HEEG.HTML

unread,
Jul 5, 2022, 3:40:18 AM7/5/22
to HEEG.HTML Бесплатная CMS интернет магазина
Соответственно фон картинкой через slyle="....."



<iframe style=" background: url(https://heeg.ru/images/upfeathers.png) repeat left top fixed #000 " src="https://docs.google.com/forms/d/e/1FAIpQLSfC2CH5NeyJvEarH7-vh3WCxgJGcrVcFk5HGDwwykNV5sRdew/viewform?embedded=true" width="640" height="375" frameborder="0" marginheight="0" marginwidth="0">Загрузка…</iframe>

вторник, 5 июля 2022 г. в 10:08:44 UTC+3, HEEG.HTML:

Магазин Творчества

unread,
Jul 5, 2022, 9:09:31 PM7/5/22
to HEEG.HTML Бесплатная CMS интернет магазина
Благодарю Вас, попробую. А то гугл формы мне не нравились из-за скучного дизайна.

вторник, 5 июля 2022 г. в 10:40:18 UTC+3, HEEG.HTML:

Магазин Творчества

unread,
Jul 6, 2022, 1:03:59 PM7/6/22
to HEEG.HTML Бесплатная CMS интернет магазина
К сожалению не получается вставить фоновое фото. Вставляю вашу ссылку то все с вашими фото получается, а когда название вашего фото меняю на свое, то форма получается просто на черном фоне. Само фото я закачала на диск и назвала его подобно вашему фото. Фото также поместила на вкладку " GD-images". Но фото все ровно не выходит фоном формы.

среда, 6 июля 2022 г. в 04:09:31 UTC+3, Магазин Творчества:

HEEG.HTML

unread,
Jul 7, 2022, 5:30:59 AM7/7/22
to HEEG.HTML Бесплатная CMS интернет магазина

нажмите карандашик и скопируйте ее правильный адрес

https://drive.google.com/uc?export=view&id=1ogdHkBe6WXU1Yb3PKbV81wkFXvCvJKSR

теперь подставляйте в фон

<iframe style=" background: url( https://drive.google.com/uc?export=view&id=1ogdHkBe6WXU1Yb3PKbV81wkFXvCvJKSR  ) repeat left top fixed #000 " src="https://docs.google.com/forms/d/e/1FAIpQLSfC2CH5NeyJvEarH7-vh3WCxgJGcrVcFk5HGDwwykNV5sRdew/viewform?embedded=true" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">Загрузка…</iframe>




среда, 6 июля 2022 г. в 20:03:59 UTC+3, Магазин Творчества:

Магазин Творчества

unread,
Jul 7, 2022, 10:14:36 AM7/7/22
to HEEG.HTML Бесплатная CMS интернет магазина
Вы выбрали картинку из выставленных в моем магазине, но, мне нужна картинка которая хранится только в папке "имагес", а там карандашика нет. Там я побовала ссылку брать из пункта "достать ссылку" нажав левую клавишу мыши. Все ровно не получается.

четверг, 7 июля 2022 г. в 12:30:59 UTC+3, HEEG.HTML:

HEEG.HTML

unread,
Jul 7, 2022, 10:20:39 AM7/7/22
to HEEG.HTML Бесплатная CMS интернет магазина

возьмите id вашей картиники и добавьте вначале к ней такой текст.  https://drive.google.com/uc?export=view&id=
например id вашей картинки 1ogdHkBe6WXU1Yb3PKbV81wkFXvCvJKSR
тогда ссылка будет выглядеть так https://drive.google.com/uc?export=view&id=1ogdHkBe6WXU1Yb3PKbV81wkFXvCvJKSR
четверг, 7 июля 2022 г. в 17:14:36 UTC+3, Магазин Творчества:

Магазин Творчества

unread,
Jul 7, 2022, 1:34:27 PM7/7/22
to HEEG.HTML Бесплатная CMS интернет магазина
Теперь все получилось, спасибо большое. ))))

четверг, 7 июля 2022 г. в 17:20:39 UTC+3, HEEG.HTML:

Магазин Творчества

unread,
Jul 7, 2022, 2:03:35 PM7/7/22
to HEEG.HTML Бесплатная CMS интернет магазина
Еще хочу спросить. У Вас получается эту форму сделать прозрачной? Не фон а саму форму? 
 

четверг, 7 июля 2022 г. в 17:20:39 UTC+3, HEEG.HTML:

HEEG.HTML

unread,
Jul 8, 2022, 3:31:34 AM7/8/22
to HEEG.HTML Бесплатная CMS интернет магазина
Вы не сможете изменять элементы внутри iframe ( по правилам безопасности)
Можно сделать фон отдельно, подложить под iframe и сделать полупрозрачным весь iframe целиком.
будет так

<div style="float: left;   width: 100%; background: url( https://drive.google.com/uc?export=view&id=1ogdHkBe6WXU1Yb3PKbV81wkFXvCvJKSR  ) repeat left top fixed #000">
<iframe style="opacity:0.5; float:left; " src="https://docs.google.com/forms/d/e/1FAIpQLSfC2CH5NeyJvEarH7-vh3WCxgJGcrVcFk5HGDwwykNV5sRdew/viewform?embedded=true" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">Загрузка…</iframe>
</div>


четверг, 7 июля 2022 г. в 21:03:35 UTC+3, Магазин Творчества:

Магазин Творчества

unread,
Jul 10, 2022, 1:32:02 PM7/10/22
to HEEG.HTML Бесплатная CMS интернет магазина
Дмитрий, я тут подумала...Я узнала, что можно форму делать кодом внутри сайта. А есть ли стандартный набор кодов пунктов формы, чтобы можно было их скопировать, вставить и редактировать на сайте как надо, чтоб еще и фоновый цвет или картинку можно было бы вставить? Так легче было бы всем.))))

пятница, 8 июля 2022 г. в 10:31:34 UTC+3, HEEG.HTML:

HEEG.HTML

unread,
Jul 10, 2022, 1:45:14 PM7/10/22
to HEEG.HTML Бесплатная CMS интернет магазина
легче не будет.  в html код формы выглядит  так

<form action="handler.php"> 
Как по вашему мнению расшифровывается аббревиатура &quot;ОС&quot;?<br> 
<input type="radio" name="answer" value="a1">Офицерский состав<br> 
<input type="radio" name="answer" value="a2">Операционная система<br> 
  <input type="radio" name="answer" value="a3">Большой полосатый мух<br> 
<input type="submit">
</form>

только к этой форме нужно писать принимающий серверный скрипт на php    если вам это интересно, ковыряйте самостоятельно. 
воскресенье, 10 июля 2022 г. в 20:32:02 UTC+3, Магазин Творчества:

Магазин Творчества

unread,
Jul 10, 2022, 5:23:08 PM7/10/22
to HEEG.HTML Бесплатная CMS интернет магазина
Наверное это одиночный выбор.))) ок, понятно.. 

воскресенье, 10 июля 2022 г. в 20:45:14 UTC+3, HEEG.HTML:
Reply all
Reply to author
Forward
0 new messages