Me base en el sistema de mensajes de Custus, para crear un sistema de Tips Aleatorio.

Este, funciona gracias a un archivo html y una linea en la plantilla.

Debemos subir el archivo Tip.html
[attachment=390] a la web, yo lo puse en el directorio raiz (/)

En este, encontraremos abajo, algo asi:

Code:

<p class="alert"><script language="JavaScript">
Tips = new Array()
Tips[0] = "Tips1"
Tips[1] = "Tips2"
Tips[2] = "Tips3"
Tips[3] = "Tips4"
Tips[4] = "Tips5"
Tips[5] = "Tips6"
aleatorio = Math.random() * (Tips.length)
aleatorio = Math.floor(aleatorio)
document.write(Tips[aleatorio])
</script></p>

Donde dice: Tips[0] = "Tips1" lo que esta en negrita es lo qeu puedes editar.
Si quieres agregar, mas, debes agregar mas lineas, asi:
Tips[6] = "Tips6".

Ahora, para cambiar el color, lo puedes hacer en la parte que dice:

Code:

<style type="text/css">
.alert {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
}

* { margin : 0; padding : 0; }

</style>

Despues de poner los tips, vamos a la plantilla que queremos que salgan, en mi caso, Header.
En ella ponemos:

Code:

<center><iframe src="tip.html" width="95%" height="34"  frameborder="0"></iframe></center>

Y listo!

Cada 7 segundos cambiara el Tip, editable en el archivo tips.html donde dice:

Code:

<META HTTP-EQUIV="REFRESH" CONTENT="7">

Cambias el 7 por lo que quieres.

Lo pueden ver en Ocio-hispano.es
Creado por:
Pelayo

16 May, 2010, 1:46 pm Pelayo wrote:
Me base en el sistema de mensajes de Custus, para crear un sistema de Tips Aleatorio.

Este, funciona gracias a un archivo html y una linea en la plantilla.

Debemos subir el archivo Tip.html
a la web, yo lo puse en el directorio raiz (/)

En este, encontraremos abajo, algo asi:

Code:

<p class="alert"><script language="JavaScript">
Tips = new Array()
Tips[0] = "Tips1"
Tips[1] = "Tips2"
Tips[2] = "Tips3"
Tips[3] = "Tips4"
Tips[4] = "Tips5"
Tips[5] = "Tips6"
aleatorio = Math.random() * (Tips.length)
aleatorio = Math.floor(aleatorio)
document.write(Tips[aleatorio])
</script></p>

Donde dice: Tips[0] = "Tips1" lo que esta en negrita es lo qeu puedes editar.
Si quieres agregar, mas, debes agregar mas lineas, asi:
Tips[6] = "Tips6".

Ahora, para cambiar el color, lo puedes hacer en la parte que dice:

Code:

<style type="text/css">
.alert {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
}

* { margin : 0; padding : 0; }

</style>

Despues de poner los tips, vamos a la plantilla que queremos que salgan, en mi caso, Header.
En ella ponemos:

Code:

<center><iframe src="tip.html" width="95%" height="34"  frameborder="0"></iframe></center>

Y listo!

Cada 7 segundos cambiara el Tip, editable en el archivo tips.html donde dice:

Code:

<META HTTP-EQUIV="REFRESH" CONTENT="7">

Cambias el 7 por lo que quieres.

Lo pueden ver en Ocio-hispano.es
Creado por:
Pelayo

sabia que lo publicarias , ya estaba en ocio-hispano xd !

muy bueno, se puede configurar el tiempo en que cambia cada tip?

alguien me puede mostrar un demo que este funcionando o en uso

16 May, 2010, 2:27 pm Maurusky wrote:
alguien me puede mostrar un demo que este funcionando o en uso

go
www.ocio-hispano.es

aparecer aleatoriamente?m 0_0

16 May, 2010, 2:06 pm SaintKing wrote:
muy bueno, se puede configurar el tiempo en que cambia cada tip?

cada uno, no, pero gteneralmente, cambiara cada 7 segundos

16 May, 2010, 2:53 pm Pelayo wrote:

16 May, 2010, 2:06 pm SaintKing wrote:
muy bueno, se puede configurar el tiempo en que cambia cada tip?

cada uno, no, pero generalmente, cambiara cada 7 segundos

oh muy bueno y supongo que tambien se le puede cambiar los colores y el tiempo para cambiar

16 May, 2010, 2:53 pm Pelayo wrote:

16 May, 2010, 2:06 pm SaintKing wrote:
muy bueno, se puede configurar el tiempo en que cambia cada tip?

cada uno, no, pero gteneralmente, cambiara cada 7 segundos

pero se le puede cambiar esos 7 segundos por lo que queramos?

si, abajo del tutorial dice eso.
Puedes poner los segundos que quieras.