bueno, despues de un rato sin respuestas, voy a especificar y a detallar más en lo que necesito ayuda, a ver si alguien se anima de esta manera xd.
Lo primero de todo es que no se si el documento donde quiero emplazar el rating debe ser html o php, en el caso del ejemplo que voy a usar es el Top1_Page.html de my pagina web. A ese documente le he añadido varias lineas de códigos php y js:
<?php require_once("ratings.php"); $rr = new RabidRatings(); ?>
<div id="info">
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="js/mootools-v1.2.js"></script>
<script src="js/ratings.js"></script>
<link rel="stylesheet" href="styles/ratings.css" />
<?php $rr->showStars("Top1"); ?>
y todo el sourcecode queda de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php require_once("ratings.php"); $rr = new RabidRatings(); ?>
<div id="info">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Top 1 - Page</title>
<script src="js/mootools-v1.2.js"></script>
<script src="js/ratings.js"></script>
<link rel="stylesheet" href="styles/ratings.css" />
<style type="text/css">
.Top1_Image {
height: 1200px;
width: 1200px;
background-color: #FFF;
}
#fondo {
height: 1500px;
width: 1500px;
background-image: url(Background.jpg);
}
#fondo #top_numero {
float: left;
height: 215px;
width: 275px;
margin-top: 10px;
margin-right: 512px;
margin-left: 512px;
background-image: url(Top1_amarillo.jpg);
}
#fondo div #numero {
height: 215px;
width: 275px;
float: left;
margin-top: 5px;
margin-right: 512px;
margin-left: 512px;
background-image: url(Top1_amarillo.jpg);
border-top-width: 3px;
border-top-style: solid;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
#fondo div #vista_previa {
float: left;
height: 900px;
width: 600px;
margin-top: 50px;
margin-left: 350px;
background-image: url(Top1_Preview.jpg);
}
#fondo div #info {
float: left;
}
#fondo div #vista_previa #info {
margin-top: 15px;
width: 600px;
height: 225px;
background-image: url(METART_logo.jpg);
background-repeat: no-repeat;
background-position: 1px 45px;
font-size: 18px;
}
</style>
</head>
<body>
<div id="fondo">
<p align="right"> </p>
<div>
<div id="numero"></div>
<div id="vista_previa"><a href="Sabina_A_MET_Art_Top1.html"><img src="Top1_Preview.jpg"/></a>
<div id="info">
<p><strong><center>
Sabina A - <a href="http://www.met-art.com/">MET-Art.com </a>
<?php $rr->showStars("Top1"); ?>
</center></strong></p>
</div>
</div>
</div>
</div>
</body>
</html>
</div>
Espero que así alguien me pueda aclarar qué hago mal o qué falta para hacer el rating.
Gracias
5 hearts rating system 
