diedVIPs

html knowhow

Popup mit Mailer












Popup mit Mailer

So sieht´s aus





Quellcode
<html>
<head>
<style type="text/css">
.button {font-size: 1em; padding: 10px; color: yellow; border: 2px solid #06D85F; Background-color: #06D85F; border-radius: 20px/50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out;}
.button:hover {background: cyan; color: fuchsia;}
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; transition: opacity 500ms; visibility: hidden; opacity: 0;}
.overlay:target {visibility: visible; opacity: 1;}
.popup {margin: 70px auto; text-align:left; padding: 20px; background: lightgrey; border-radius: 5px; width: 50%; position: relative; transition: all 5s ease-in-out;}
.popup h2 {margin-top: 0; color: green; font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute; top: 2px; right: 10px; transition: all 200ms; font-size: 4em; font-weight: bold; text-decoration: none; color: red;}
.popup .close:hover {color: #06D85F;}
.popup .content {min-height: 30%; overflow: auto; text-align:left;}
@media screen and (max-width: 700px){
.box{width: 70%;}
.popup{width: 70%;} }
</style>
</head>

<body >
<center>
<div class="box"><a class="button" href="#popup1">Zeige das Popup</a></div>
<div id="popup1" class="overlay"><div class="popup">
<a class="close" href="#">&times;</a>
<span class="auto-style27"><strong>Schreiben Sie uns eine Nachricht </strong></span><br/><br/>
<form action="" method="post">
<label for="name">Name:</label>
<input type="text" name="name" id="name" /><br/><br/>
<label for="Email">Email:</label>
<input type="text" name="email" id="email" /><br/><br/>
<label for="Message">Nachricht:</label><br /><br/>
<textarea name="message" rows="10" cols="70" id="message"></textarea>
<input type="submit" name="submit" value="Submit" />
</form>
<?php
$name = trim(strip_tags($_POST['name']));
$email = trim(strip_tags($_POST['email']));
$message = htmlentities($_POST['message']);
$subject = "Ihre email von der Seite";
$to = 'ham.busch@web.de';
$body = <<<HTML
$message
HTML;
$headers = "From: $email\r\n";
$headers .= "Content-type: text/html\r\n";
mail($to, $subject, $body, $headers);
header('Location: Internet-Suche.html');
?>
</body>

</html>








Kontakt    Datenschutz   Impressum