Animations

par **Admin** Sam 22 Aoû - 17:53

Cluedo Party

Code:: <style type="text/css"> .susp { width: 67px; height: 74px; float: left; margin-bottom: -1px; margin-top: -3px;} a.infob { position:relative; text-decoration:none; } a.infob span{ display:none; } a.infob:hover{ background:none; z-index:999;} a.infob:hover span{ background: #FFFFFF; text-align: center; display:inline; width: auto; height: auto; padding: 10px; left: -68px; top: 1px; position:absolute; white-space:nowrap; border-radius: 5px; color: #b0b72a; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } .arm { width: 200px; height: 24px; margin-left: 5px; margin-right: 5px; } .lieu { width: 195px; height: 39px; margin-left: -5px; } </style> <center><div style="background-image: url(http://img15.hostingpics.net/pics/881155animationoms1.png); width: 600px; height: 650px;"> <table style="padding-top: 190px;"> <tr> <td style="width: 360px; height: 300px; padding-top: 30px; padding-left: 10px; " valign="top"> <table> <tr><td> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -15px; top: -35px;">Game of Thrones</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -82px; top: -35px;">Doctor Who</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -149px; top: -35px;">Sherlock</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -216px; top: -35px;">Sons of Anarchy</span></a> </td></tr> <tr><td> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -15px; top: -109px;">Outlander</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -82px; top: -109px;">Sleepy Hollow</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -149px; top: -109px;">Broadchurch</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -216px; top: -109px;">Teen Wolf</span></a> </td></tr> <tr><td> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -15px; top: -183px;">Glee</span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -82px; top: -183px;">Buffy The Vampire Slayer </span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -149px; top: -183px;">7th Heaven </span></a> <a class="infob"><div class="susp"></div> <span style="width: 150px; left: -216px; top: -183px;">ER </span></a> </td></tr> </table> </td> <td style="width: 265px; height: 300px; padding-top: 28px; " valign="top"> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -148px;"><img src="http://img15.hostingpics.net/pics/623829anim1.png" style="width: 150px;"/><br/>The 100</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -172px;"><img src="http://img15.hostingpics.net/pics/987631ANIM3.png" style="width: 150px;"/><br/>My Mad Fat Diary</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -196px;"><img src="http://img15.hostingpics.net/pics/642906ANIM5.png" style="width: 150px;"/><br/>2 Broke Girls</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -220px;"><img src="http://img15.hostingpics.net/pics/161955ANIM4.png" style="width: 150px;"/><br/>The Originals</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -244px;"><img src="http://img15.hostingpics.net/pics/819248ANIM6.png" style="width: 150px;"/><br/>Veronica Mars</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -268px;"><img src="http://img15.hostingpics.net/pics/961230ANIM7.png" style="width: 150px;"/><br/>The Simpsons</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -292px;"><img src="http://img15.hostingpics.net/pics/215262ANIM8.png" style="width: 150px;"/><br/>Sex And The City</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -316px;"><img src="http://img15.hostingpics.net/pics/957399ANIM9.png" style="width: 150px;"/><br/>Gotham</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -340px;"><img src="http://img15.hostingpics.net/pics/688923ANIM10.png" style="width: 150px;"/><br/>Arrow</span></a> <a class="infob"><div class="arm"></div> <span style="left: 20px; top: -364px;"><img src="http://img15.hostingpics.net/pics/661182anim2.png" style="width: 150px;"/><br/>Hart of Dixie</span></a> </td> </tr> </table> <table><tr> <td> <a class="infob"><div class="lieu"></div> <span style="left: 200px; top: -110px;"> <img src="http://img15.hostingpics.net/pics/374493anim11.png" style="width: 150px; height: 30px;"/> <br/>The Vampire Diaries</span></a> <a class="infob"><div class="lieu"></div> <span style="left: 200px; top: -149px;"> <img src="http://img15.hostingpics.net/pics/693433anim12.png" style="width: 150px; height: 30px;"/> <br/>Supernatural</span></a> <a class="infob"><div class="lieu"></div> <span style="left: 200px; top: -188px;"> <img src="http://img15.hostingpics.net/pics/302927anim13.png" style="width: 150px; height: 30px;"/> <br/>Grey's Anatomy</span></a> </td> <td> <a class="infob"><div class="lieu"></div> <span style="left: 6px; top: -110px;"> <img src="http://img15.hostingpics.net/pics/165613anim14.png" style="width: 150px; height: 30px;"/> <br/>Once Upon A Time</span></a> <a class="infob"><div class="lieu"></div> <span style="left: 6px; top: -149px;"> <img src="http://img15.hostingpics.net/pics/859084anim15.png" style="width: 150px; height: 30px;"/> <br/>One Tree Hill</span></a> <a class="infob"><div class="lieu"></div> <span style="left: 6px; top: -188px;"> <img src="http://img15.hostingpics.net/pics/298629anim16.png" style="width: 150px; height: 30px;"/> <br/>Desperate Housewives</span></a> </td> <td> <a class="infob"><div class="lieu"></div> <span style="left: -188px; top: -110px;"> <img src="http://img15.hostingpics.net/pics/975766anim17.png" style="width: 150px; height: 30px;"/> <br/>Lost</span></a> <a class="infob"><div class="lieu"></div> <span style="left: -188px; top: -149px;"> <img src="http://img15.hostingpics.net/pics/786937anim18.png" style="width: 150px; height: 30px;"/> <br/>Orange Is The New Black</span></a> <a class="infob"><div class="lieu"></div> <span style="left: -188px; top: -188px;"> <img src="http://img15.hostingpics.net/pics/385146anim19.png" style="width: 150px; height: 30px;"/> <br/>Chicago Fire</span></a> </td> </tr></table> </div></center>

par **Admin** Dim 23 Aoû - 15:31

Blind-Test

Code:: <center><div style="height: 500px;"><object width="560" height="315"><param name="movie" value="//www.youtube.com/v/u-eTmoyP_5A?hl=fr_FR&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/u-eTmoyP_5A?hl=fr_FR&version=3&autoplay=1" type="application/x-shockwave-flash" width="0" height="0" allowscriptaccess="always" allowfullscreen="true"></embed></object> <div style="padding-top: 200px;"><div class="titre">La coupe Keep Calm And Play Series</div> <div class="sstitre">Team VS Team</div> <br/><br/><u>Chanson 1 ◊</u> <x>Cette chanson est issue du générique de... ? </x> </div></div></center>

Animations

Animations

Re: Animations