Saludos!
Bueno... la forma de acerlo qe se me ocurre es.... (con algo de imaginacion xD)
Crea un archivo *.html. nombremolo como player.html, en este archivo pondremos el iframe con el codigo qe tienes.
Le añadiremos un layer (div), el cual se ubicara en la esquina superior izqierda tapando los menus i la publicidad... al layer le colocamos de fondo una imagen qe concuerde con el fondo qe tienes (background-image: url(titulo.png);
el codigo qedaria de la suguiente manera:
CODE
<html><head> <title></title></head>
<body topmargin="0" leftmargin="0">
<div id="capa_camuflaje" style="background-image: url(titulo.png); height: 150px; width: 340px; position:absolute;" >
</div>
<iframe src="http://84.122.8.39:8000/played.html" height="370" width="340" scrolling="no"> </iframe>
</body></html>
aora, en la pagina qe qieras colocar la lista de reproduccion, pon el siguiente codigo:
CODE
<iframe src="player.html" height="370" width="340" frameborder="0" scrolling="no"></iframe>
notas:
- es obvio qe tienes qe ubicar una nueva pocision del iframe porqe le tienes qe agregar al alto el espacio qe tendra la imagen... (en este caso 150px).
- ten en cuenta los valores topmargin="0" leftmargin="0" y frameborder="0".
- el ancho y alto es obvio qe lo puedes modificar, yo use el ejemplo qe proporcionaste.
- al valor height="220" se le sumo el alto de la imagen (150) i qedo height="370".
- el ver o no la publicidad de abajo dependera del numero de canciones en la lista.
Espero haberme dado a entender y ayudado...
mas o menos (debido a la imagen lol) asi qedaria el resultado:
(click en la imagen para tamaño completo)
gracias...
______________________________________________________________________
LORD_URUK