, 19:55:15
|
#1 |
Denunciante Nuevo
| Como mostrar en tu pagina web saludos con textos e imágenes dependiendo de la hora del dia
Calificación: de
5,00 | 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! |
| |