Mode déterrage de topic enclanché :lol: !
Ceci dit ma modeste création devrait en intéresser quelque un 🙂 !
La bête est
ici.
Clicker sur RADIOS, vous aurez le choix entre plusieurs radio (peut pas toute les mettres, max 8).
Par défault c'est la radion electro, ou dance je sais plus ^^ !
Le code pour ceux qui voudrai modifier:
<style type="text/css">
a:link{
color: #3b362b;
text-decoration: none;
}
a:visited{
color: #3b362b;
text-decoration: none;
}
a:hover{
color: #3b362b;
text-decoration: underline;
}
#all{background:#958152;
width:180px;
height: 236px;
position: absolute;
top: 0px;
left:0px;
overflow: hidden;
}
#menu{
width: 180px;
height: 115px;
z-index: 1;
}
#player{
position: absolute;
top: 16px;
z-index: 2;
}
</style>
<div id="all">
<a id="back" href="javascript:Back();" style="position:absolute;left:0px;top:0;display:none;"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAQALQDASIAAhEBAxEB/8QAGgABAQEAAwEAAAAAAAAAAAAACAAJBQYHCv/EACgQAAAEBgMBAQACAwEAAAAAAAQFBgcAAQMIF6ECVGTiCRESExQVGP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD4Ysez689RY9n156hw4+82/qLH3m39QAex7Prz1D1sXsSam5X/ANJqZ7HNcZqW5ttYwG8p6Oalpil512pORm8TVs+Xp4kR5047Wl85/wDQdAMcjTCsqOMwwAoE8KYIRzrceVLi8febf1GnX5lvyi7Tjy5vkrHSflhDB7LfQ7Vo15rcU+XqRym/UYV6GlcisYAwA5yWr5cABunkEeJkcIBK0OK4UzuVPkFFBqojhIPATr8XSMbeDaaxDePedGLLXUM4HuKpO84zUCG1W7TsmSDnA4OapXHakYrTcMXmaJJGvWClBgwS6FkqoJKZKYFyiogzimIodZqfjiHI70Libf1y+ZQlLfbbG6FP8sbmZJSqb0zm3U0DJQe2a8SiBAnn9jhRukHcJvgCaSlNUcAlM7VQYGLUfAGFEGUts17+oNuQNRrxxyxvnNuqeIVZ6jLOwbh3PFnFK1nnITpbq1SPO4Lu1mkdQAtiRRV0YLSrUJEOn12dGRolApjUVKp5T/sBMvNzf9DbXHcCI0vdW3xQtyULy0lSWRXDpxlOY0eUJ5qki4KMcy3RctQPc9wlUq1MrEOfpUqLlEnV2ogwEWnUyVFRYoqIcdLgShkOgPylbC6JTPgRWLPc4lw9dsrd0e8SVTR2xHJvnCU66UlxrZMSOalQJ6g4SuJCDmUEzhycuayT6qWpJzJQQYtHUywVWORCeIV2doLbW3LMja9JvWTve4BKR8eD1CkUS0JNoiHC/wBmrIah0OvuB8Pk6FAhD/4Qh4qwRGREHI+pjwabEKUmoBVCP3Stnunt8/PFb3Bqmzce9CyNHDtiTzXJtSPU3zflwJRODzuJa5fLcvVbflSxVBcSNWoGfSB4iRhfNRrU4NDYfX5Vf+cXHP8AJAFLvi611x3ALXGtiQy4a8CtiameOM0ampl45Kty4AitUmck7XKykfGB0pUCJq/yYEslOUkx2R0REiURUOuIPibCAxrx7Prz1Fj2fXnqHDj7zb+osfebf1AB7Hs+vPUWPZ9eeocOPvNv6ix95t/UAHsez689RY9n156hw4+82/qLH3m39QAex7Prz1Fj2fXnqHDj7zb+osfebf1AB7Hs+vPUWPZ9eeocOPvNv6ix95t/UAHsez689RY9n156hw4+82/qLH3m39QAex7Prz1Fj2fXnqHDj7zb+osfebf1AB7Hs+vPUUOHH3m39RQH/9k=" border="0"/></a>
<a id="radios" href="javascript:Radios();" style="position:absolute;left:0px;top:0px;"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAQALQDASIAAhEBAxEB/8QAHAABAQEAAgMBAAAAAAAAAAAACAAJBgoBAwUH/8QAJBAAAQMDBAMBAQEAAAAAAAAABQQGBwEDCAACF6FUZOIJFRj/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6MXHtfHr1q49r49etOHj71u/rVx963f1oA9x7Xx69aemC+CUU5K/6Sc02SdI0UxzjbBiOZTq6KIlETO/HJuJzFFcPj28EZ5qR4tHVr/QlBMZWkLzo21TIBKnZbRKLl7bW38zj71u/rT2whyMO4bN3Lomw3LJMey5MmPIiLIlf0Yk7gMy1HTZnyF5ELrl7gRmhBYGKXMViu0LcVh9pFYpWE0Yu+h2jSC5cjDgZ38WxN/MPE+BGDNplfDOVEOJsi7EvyLFCqNXtFMIhlj/AKSY5ZHihc6ytgcVZIWMHg5EaFG+FQV0BLYUiOcVpGZtKLPqt/kBFLByOzhjafshHm2oRw+hhuz4Gl6J4eByU5ZjjSR5JhhlxMebzEOyvHwYZYd7em5svRZXe/SG0QlsKhyfeVu12KNayg/1EiC9HJibpbiJyz/+gTyxzv4lSUVkz+ijhmRowVu6qlY+3I5mDI7Mk6xIa+MrA6MClsBULbMIEt4qVMrVJQxaIeSOduF+QkbnmvNkdyNjY5H7hZYw3dl3HlibJXZwNsRlkdC00QmTbyGXJ4GvQ3dtNZjONiOKjlfF28IToGlvEXiKDffQCAyVVfjnH7pNxy7YRyX5Mxul+AsxpaY0nrYxutV9C35hzBbpmV5w1IkZ33eQTNlwL/5bUHf2xLycwhODeqByj9xq6kvBLnHID/LHHpyRDj+/spMu7+Obty6NuIdjo0Q0QXJOFb2+AdCyP9sizM5Nr6aV6OWGUkMYZa6FYCBvw5WgMwVvAraFLb3qNLweYGLUN2YrhaEGfMKyBIkgzPgDV7PcW10kmyROeZ2NpqFbjqJNAU51beZzLEXxsdDNwxG6XGUQghRc1S+ZJ37Ind+fRPLuDT9h3FBuZfNiekb6wt3ONvs9LDwVoHW3N0XFJGcMwC2K7yzmd7bIRsSHPt3uuxedYcQ9dqkCY27KA7S1Bau3gH7O/HBgMOLpWlHNOcJIhkfHGU8hYi/yIQx+UZDEEcjxYhBLXmdfiy7IEbBGazLNXMJsgVWwoaPObfZObhAC9sCqN2/JSRIfbbVfr0bTNdKaQ2kAdB0O2X6hElQKN5gRxJSkFOhKEPJ0ZsQnOIrVklaGF0iYkh2KdqZcnsqbdy3t7QmO2cUdC5unDJaQsgc28apOmTJB2zW9WdjIkaDwiWTWo5S21xWmI6G07H2xk6MgkKLDyJSaPI5CCEQxJKm3tRPvRrNxXJbJNW2ZnyEm2XGWwkUcNCTJTfT6bLAG7UttAzATocZEwLbKO2hspEWxMGRq7KC1sSJUybbssUpYsWrVNtvaGWXHtfHr1q49r49etOHj71u/rVx963f1oA9x7Xx69auPa+PXrTh4+9bv61cfet39aAPce18evWrj2vj1604ePvW7+tXH3rd/WgD3HtfHr1q49r49etOHj71u/rVx963f1oA9x7Xx69auPa+PXrTh4+9bv61cfet39aAPce18evWrj2vj1604ePvW7+tXH3rd/WgD3HtfHr1q04ePvW7+tWg//9k=" border="0"/></a>
<div id="menu" height="115px">
<table style="position:absolute;top:16px;padding-left:14px;font-family:Sans;font-size:10px;color:#3b362b;">
<tr>
<td width="83px">1/ [URL=javascript:Change(18);]Dancefloor[/URL]</td>
<td width="83px">2/ [URL=javascript:Change(6);]Electro[/URL]</td>
</tr>
<tr>
<td width="83px">3/ [URL=javascript:Change(22);]Metal[/URL]</td>
<td width="83px">4/ [URL=javascript:Change(17);]Hard[/URL]</td>
</tr>
<tr>
<td width="83px">5/ [URL=javascript:Change(56);]Top[/URL]</td>
<td width="83px">6/ [URL=javascript:Change(20);]Rap[/URL]</td>
</tr>
</table>
</div>
<div id="player" width="180" height="220">
<object>
<embed id="embed" src="http://www.deezer.com/embedded/widgetRadio.swf?rid=&lang=FR&colorBackground=0x786331&colorButtons=0x544930&textColor1=0x3B311A&textColor2=0x3B362B&autoplay=0" type="application/x-shockwave-flash" width="180" height="220">
</embed>
</object>
</div>
</div>
<SCRIPT type="text/javascript" language="javascript">
<!--
function Change(rid){
document.getElementById("embed").src = 'http://www.deezer.com/embedded/widgetRadio.swf?rid='+rid+'&lang=FR&colorBackground=0x786331&colorButtons=0x544930&textColor1=0x3B311A&textColor2=0x3B362B&autoplay=1';
Back();
}
function Radios(){
document.getElementById('player').style.top = "115px";
document.getElementById('radios').style.display = "none";
document.getElementById('back').style.display = "inline";
}
function Back(){
document.getElementById('player').style.top = "16px";
document.getElementById('radios').style.display = "inline";
document.getElementById('back').style.display = "none";
}
-->
</SCRIPT>
edit:problème de lien, en attendant vous pouvez tester le code ci dessus avec firefox
edit2:mince il y a besoins d'une validation... Cela dit il y aura surement besoin de faire une petite édition celon les radio que vous écouter...
