Página html com música

por JRHoly 30.05.12 17:36

Qual é minha questão:
Como colocar música em página HTML?
Em especial, igual a essa: http://power-habbo.forumeiros.com/
Página HTML do meu forum: http://fairytailmiracle.forumeiros.com/

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
Nenhuma

Endereço do meu fórum:
http://fairytailmiracle.forumais.com/forum

Versão do meu fórum:
PHPBB3

por StyLe® 30.05.12 17:45

CSS http://power-habbo.forumeiros.com/

Código:: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TropiHabbo Fórum</title> <link href="CSS/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="style.css"> <link href="CSS/style.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> bgCurrent = 3; bgSpeed = 80; function doBG() { bgCurrent +=1; $("body").css("background-position", +bgCurrent+"px 0px "); } setInterval("doBG()", bgSpeed); </script> </head> <body background="http://i47.tinypic.com/2lc5hlj.png"> <center> <img src="http://i48.tinypic.com/14b6aex.png"> </img> <br /> <a href=http://www.power-habbo.forumeiros.com/forum><img src="http://i50.tinypic.com/sg2trq.png" border="0"></a> </center> <center> <br /> </center> <a href="http://www.forumeiros.com"><img src="http://i46.tinypic.com/13yh6aq.png" alt="forum gratis" title="forumeiros.com" /></a> </img> <div id="creditos"> </div> </center> <object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/_Q7MXO7tMwc?version&autoplay=1"></param><embed src="http://www.youtube.com/v/_Q7MXO7tMwc?version&autoplay=1" type="application/x-shockwave-flash" width="0" height="0"></embed></object> </body> </html>

CSS da http://fairytailmiracle.forumeiros.com/ com musica

Código:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Fairy Tail Miracle!</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://i49.servimg.com/u/f49/17/49/55/60/untitl18.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">       <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://img13.picoodle.com/i55m/thaynastrey/qsut_da8_ucjwx.png') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> Fairy Tail Miracle Copyright 2012 | Web Designer <a href="http://fairytailmiracle.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Zoey</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a> </span> </div> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Uma nova era chegou!</span></div> <div><span>Leia as regras e comece bem!</span></div> <div><span>Fique por dentro de todas as atualizacoes!</span></div> <div><span>Saiba todas as magias disponiveis!</span></div> <div><span>Faca sua ficha para comecar a jogar!</span></div> <div><span>Va na taverna se divertir um pouco!</span></div> <div><span>Conheca nossa equipe!</span></div> <div><span>Saiba como ser nosso parceiro!</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="http://fairytailmiracle.forumeiros.com/portal">Portal</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/forum" title="">Forum</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f1-regras" title="">Regras</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f3-anuncios" title="">Atualizacoes</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f44-magias" title="">Magias</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f5-criacao-de-personagem"">Personagem</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f24-taverna" title="">Taverna</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f4-equipe" title="">Equipe Miracle</a></li> <li><a href="http://fairytailmiracle.forumeiros.com/f27-parceria" title="">Parceria</a></li> <object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/_Q7MXO7tMwc?version&autoplay=1"></param><embed src="http://www.youtube.com/v/_Q7MXO7tMwc?version&autoplay=1" type="application/x-shockwave-flash" width="0" height="0"></embed></object> </ul> </body> </html>

edite a seu favor

por JRHoly 30.05.12 17:51

Olá.
Consegui colocar a música.
Muito obrigado.
Resolvido.

Página html com música

Página html com música

Re: Página html com música

Re: Página html com música