Conocimientos Web .es

Hace unos días una usuaria llamada Marycarmen, me comentaba que no sabía como introducir en una web que estaba haciendo en html un sistema de votación con estrellas. Sin necesidad de usar código PHP.

Bueno pues aqui traigo un tutorial para hacerlo, utilizaremos “Starbox Prototype“, que te permite crear cajas de votación a partir de una imagen png (la estrella, o lo que tu quieras). Para que quede más bonito usaremos un efecto fade que nos lo proporcionará Scriptaculous.

Primeramente nos haremos con los archivos que necesitamos:

• Prototype –> (Botón derecho–>Guardar enlace como…)
• Scriptaculous
• StarBox

Sube esto archivos al FTP de tu web, para que tu web pueda acceder a ellas (o a la carpeta donde la tengas, si estás trabajando en local).

Ahora en el head de tu web introduce este código:

<script type='text/javascript' src='js/prototype.js'></script>

<script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>

<script type='text/javascript' src='js/starbox.js'></script>

Añade el CSS de starbox en el head:

<link rel="stylesheet" type="text/css" href="css/starbox.css" />

Y ya lo tienes, las imágenes que uses deben de estar en /images/starbox.

Si teneis alguna otra duda, o quereis saber como modificarlo, personalizarlo, o añadir alguna cosa, no teneis mas que comentarlo.

Un saludo

Comparte este artículo