El asunto es así, tengo un formulario de Contacto, una vez que el interesado carga sus datos y el mensaje y presiona el botón enviar, aparece una pantalla donde le indica que el mensaje ha sido correctamente enviado. Lo que yo quiero hacer es darle estilo CSS a esa pantalla, por que el mensaje me lo muestra con fondo blanco, letra negra y todo justificado a la izquierda, quiero recuadrarlo en un div de fondo verde y cambiarle la tipografía y el tamaño.
Estuve buscando en internet pero no me funciona nada de lo que probe, lo que tengo ahora es lo siguiente:
contacto.php:
Código:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mensaje enviado</title>
<link type="text/css" media="screen" href="estilophp.css" />
</head>
<body>
<?php
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];
$header = 'From: ' . $nombre . " rn";
$header .= "X-Mailer: PHP/" . phpversion() . " rn";
$header .= "Mime-Version: 1.0 rn";
$header .= "Content-Type: text/plain";
$mensaje = "Este mensaje fue enviado por: " . $nombre . " rn";
$mensaje .= "E-mail : " . $mail . " rn";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " rn";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = 'MAIL';
$asunto = 'Consulta';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo '<div class="enviado">Su mensaje ha sido enviado.</div>';
?>
</body>
</html>
Y el estilophp.css es el siguiente:
Código:
body {font-family: 'Roboto', sans-serif;
background-image:url(images/cloth_alike.png);
background-color: #999;
height: 100%;
margin: 0;
padding: 0;
font-size: 62.5%}
.enviado {width:70%;
height: 100px;
float:center;
background-color:#90EE90;
border: 1px solid #063;}
Espero que me puedan ayudar, un saludo para todos.
