Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/03/2013, 16:23
Federicoa
 
Fecha de Ingreso: marzo-2013
Mensajes: 32
Antigüedad: 11 años, 1 mes
Puntos: 0
Como darle estilo a un mensaje en PHP

Hola a todos, creo este tema por que tengo un problema al momento de darle estilo a un mensaje en PHP.

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.