In Global.css:
#content #copyright {
position:absolute;
right:20px;
top:0px;
}
#content #radiocontainer {
position:absolute;
right:50px;
top:20px;
}
in loggedIn.html underneath the copyrights div:
<div id="radiocontainer"> <iframe id="bgradio" src="../../BGmusic.php" frameborder="0" scrolling="no" style="overflow:hidden;">
</iframe></div>
Then in the root of the chat an HTML page:
<head>
<style>
body {margin:0;padding:0}
#wrapper{
position: relative;
width: 100%;
height: 100%;
}
#radio{
position: absolute;
top: 0px;
left: 100px;
height: 30px;
width: 170px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="radio"><script type="text/javascript" src="
http://rad.io/info/player/player.js?apiKey="></script>
<a href="
http://lawebradioastral.rad.io" class="radio-config" playerVariant="embedded" playerSize="170x30">La Webradio - Astral</a></div>
</div>
</body>
</html>
I have this for my own chat but more advanced in that users can lookup their own channel and it becomes part of the account.
They can change it anytime they want.
http://rad.io offers thousands of radiochannels. You can get the embedcode there.