Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del dia

MrHouseLight · 27-01-2011 , 19:55:15

Hola! este tutorial te ayudara para crear un anuncio dependiendo de la hora del dia, para que le den los buenos días, tardes, o noches a tus visitantes y también ponga una imagen

[CODE]<a id="climamr"><img src=""/></a>

<script type="text/javascript">
var banner = new Array();
banner[0]= 'imagen de dia';
banner[1]= 'imagen de tarde';
banner[2]= 'imagen de noche';
var d=new Date();
var hora=d.getHours();
if (hora > 7 && hora < 12) {
document.write("¡Hola [OPCIONES]! ¡buenos dias! ¡diviértete!");
document.getElementById('climamr').firstChild.src= banner[0];
else {
if (hora > 11 && hora < 19) {
document.write("¡Hola [OPCIONES]! ¡buenas tardes! ¡diviértete!");
document.getElementById('climamr').firstChild.src= banner[1];
} else {
document.write("¡Hola [OPCIONES]! ¡buenas noches! ¡diviértete!");
document.getElementById('climamr').firstChild.src= banner[2];
}
}</script>[/CODE]

se ve largo, pero es mas por cada opción que tiene, la explicación se las dare por linea por liena y solo en las zonas importantes

Cita:

02: inicio del bloque del script
03: se declara un vector, este contendra los links a cada imagen
04-06: se almacenan os links a las imagenes

07: se crea un objeto de tipo fecha
08: se crea una variable que tandra el valor de la hora actual

10,14,17: escribe en la zona donde se ubica el codigo el mensaje correspondiente, en la parte que dice [OPCIONES] puedes borrarla por completo pero ahí va de preferencia el nombre del usuario al que estas danto el saludo, esto le da un toque de "trato personal" a tu web, dependiendo de que tipo depagina web o foro tengas pueden ir diferentes cosas, lo que tienes que hacer es sustituir [OPCIONES] (Con todo y corchetes)

Opciones:

*Si usas foro activo coloca {USERNAME*} sin el asterisco
*Si usas foro propio con bases de datos lo que tendrias que hacer es entrar a tu base de datos y tomar el nombre de usuario que hizo login y almacenarlo en una variable en PHP y al en la zona de opciones poner

[CODE]<?php echo $*variable ?> sin el asterisco[/CODE]

*Simplemente generaliza con una palabra que defina a tu web
11,15,18: coloca la imagen correspondiente en la zona que antes definimos como "climamr"

20: Cierre del script

si le quieren poner una tamaño y color de texto a su gusto solo tiene que crear un formato de texto comun y corriente en HTML ejemplo

[code]<font color="color" size="12"> el script </font>[/code]

y les podria quedar algo asi

y eso es todo, espero haber sido claro! Gracias por leer, espero que les sea de utilidad!

Frank Lucas · 03-03-2011 , 14:47:28

esta bacano

reo12345 · 11-01-2013 , 23:44:49

Ok gracias

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Lorena Orozco todas las imagenes de la pagina	pb3000	Fotos y Modelos	171	25-06-2021 01:37:44
Como le gusta mostrar	Malamadre	Locales Y Caseritas	4	12-10-2010 09:44:28
como ligar con una mujer dependiendo el lugar	Maxterav	Discusiones Generales	6	27-09-2010 15:30:21
ULTIMA HORA.. Primeras Imagenes del Mono Jojoy Vuelto Mierda Por el Ejercito	Pepe ™	Chistes / Cosas Charras	10	24-09-2010 14:41:39
BluffTitler DX9 7.25 - Crea atractivos textos en 3D para imagenes y videos	Twincam VTI	Software - Programas	0	18-09-2008 18:51:37

03-03-2011 , 14:47:28	#2
Frank Lucas Denunciante Titán Me Gusta Estadisticas Mensajes: 71.604 Me Gusta Recibidos: 26481 Me Gustas Dados: 11936 Ingreso: 22 jun 2009 Temas Nominados a TDM Temas Nominados 222 Temas Ganadores: 1 Reputacion Poder de Credibilidad: 473 Puntos: 846766 Premios Recibidos Total De Premios: 14	Respuesta: Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del di esta bacano __________________ Apoya A tu Foro!!!

11-01-2013 , 23:44:49	#3
reo12345 Denunciante Nuevo Me Gusta Estadisticas Mensajes: 53 Me Gusta Recibidos: 9 Me Gustas Dados: 7 Ingreso: 22 dic 2012 Temas Nominados a TDM Temas Nominados 0 Temas Ganadores: 0 Reputacion Poder de Credibilidad: 0 Puntos: 239	Respuesta: Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del di Ok gracias

Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del dia

Participa en el tema Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del dia en el foro Programacion. ....

Participa en el tema Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del dia en el foro Programacion.
....