contactform #1

Merged

gzod01 merged 1 commit from GZod01 into temporar-branch-contactform

2023-05-29 07:14:43 +00:00

gzod01 commented

2023-05-27 13:07:04 +00:00

Member

Ajout du shortcode contact form,
fonctionnement:
Dans Markdown:

{{<contactform email=example@sample.mail >}}

Cela génèrera:

<form class="contact-form" method="get" action="mailto:example@sample.mail">
    <input name=subject id=subject placeholder="Votre Sujet"/>
    <textarea name=body id=body placeholder="Votre Message"/>
    </textarea>
    <button type=submit>Envoyer</button>
</form>

TODO:

créer la classe contact-form dans le css

Ajout du shortcode contact form, fonctionnement: **Dans Markdown:** ```markdown {{<contactform email=example@sample.mail >}} ``` **Cela génèrera:** ```html <form class="contact-form" method="get" action="mailto:example@sample.mail"> <input name=subject id=subject placeholder="Votre Sujet"/> <textarea name=body id=body placeholder="Votre Message"/> </textarea> <button type=submit>Envoyer</button> </form> ``` **TODO:** - [ ] créer la classe contact-form dans le css

gzod01 added 2 commits 2023-05-27 13:07:04 +00:00

add contact form shortcode 0c20c9f6e6

edit contact form shortcode and add it to contact page a03359d5f3

gzod01 commented

2023-05-27 13:19:32 +00:00

Author

Member

un example de code css:

 .contact-form{
    position:relative;
    width:75%;
    left:50%;
    transform:translate(-50% , 0%);
    border:2px black solid;
    padding:2px;
    display:flex;
    flex-direction:column
  }
  .contact-form button{
    background-color:green;
    padding:5px;
    color:white;
    border-radius:2px;
  }
  .contact-form input {
    width:100%;
    border:black solid 1px;
    color:black;
    height:20px;
  }
  .contact-form textarea{
    resize:vertical;
  }

(voici un lien pour tester: https://host.gzod01.fr/GZod01/exemple_fonctionnement_contactform.html)

un example de code css: ```css .contact-form{ position:relative; width:75%; left:50%; transform:translate(-50% , 0%); border:2px black solid; padding:2px; display:flex; flex-direction:column } .contact-form button{ background-color:green; padding:5px; color:white; border-radius:2px; } .contact-form input { width:100%; border:black solid 1px; color:black; height:20px; } .contact-form textarea{ resize:vertical; } ``` (voici un lien pour tester: https://host.gzod01.fr/GZod01/exemple_fonctionnement_contactform.html)