Onglet coulissant Deezer

/*----- Deezer Onglet coulissant */ #deezer { position:fixed; border:solid 0px grey; top:130px; left:-210px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; } #deezer:hover { left:-8px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; } #deezer img{ width:35px; box-shadow:none; border:solid 1px black; border-radius:5px; background-color:rgba(30, 148, 214, 0.68); box-shadow: 3px 3px 10px #7afeff ; } #deezer p iframe { width:190px; border:solid 1px black; box-shadow: 6px 6px 10px black; background-color:rgba(30, 148, 214, 0.68); padding-right:10px; } #deezer p object { width:190px; border:solid 1px black; padding-right:10px; padding-bottom:5px; padding-top:5px; margin-left:0px; background-color:rgba(30, 148, 214, 0.68); } #deezer object { box-shadow: 6px 6px 10px black; } /*--------------------*/ .deezeriframe { position:fixed; top:450px; left:-170px; }

<!-------------- Deezer Onglet coulissant --------------------------> <div id="deezer"> <p><iframe src="http://ekladata.com/QlF1ke5f6U4P6cWCP1PQsq7EPRc/deezer-02.html" frameborder="no" scrolling="no" width="200" height="80"></iframe><img style="vertical-align: top;" title="Playlist" src="http://ekladata.com/7wY402HyopoDU5n-eNf5DvBak-E/icone-musique.png" alt="icone audio" /><br /> <!---------------------------------------------------> <object width="190" height="70" data="http://static.radionomy.com/flash/BannerEmbed.swf?RadUID=5b78008a-f4d1-44b5-acad-06bcc7423598&titlesColor=e7f0e8&color=73d924&autoPlay=no&lang=fr" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://static.radionomy.com/flash/BannerEmbed.swf?RadUID=5b78008a-f4d1-44b5-acad-06bcc7423598&titlesColor=e7f0e8&color=73d924&autoPlay=no&lang=fr" /></object><br /> >!----------------------------------------------------> <iframe src="http://ekladata.com/X3ztxjlpoxpHLQgwFEktWC7nW0w/deezer-03.html" frameborder="no" scrolling="no" width="190" height="80"></iframe> <br /> <!------------------------------------------------------------> <object width="190" height="70" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="never" /><param name="FlashVars" value="mp3=http%3A//data0.eklablog.com/papyrock/perso/fichiers%20audio/folk%20010.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/fichiers%20audio/rap%2001.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%2520003.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252014.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%2520004.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/fichiers%20audio/rock%20song%2021.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252006.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252007.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252012.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252013.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252010.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/fichiers%20audio/rockpopsong010.mp3%7Chttp%3A//data0.eklablog.com/papyrock/perso/song%252009.mp3&shuffle=2&bgcolor=2e0000&bgcolor1=3dff24&bgcolor2=f5cf00&slidercolor1=ffff38&slidercolor2=ffff3d" /><param name="src" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" /></object> <br /> <!---------------------------------------------------------------> <object style="box-shadow: 6px 6px 10px black;" width="180" height="220" data="http://www.deezer.com/embed/player?pid=50642684&ap=0&ln=fr" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="src" value="http://www.deezer.com/embed/player?pid=50642684&ap=0&ln=fr" /><param name="play" value="false" /><param name="loop" value="false" /></object></p> </div>