Som de fundo html

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Som de fundo html

Mensagem por Side em 25/07/13, 09:02 pm

Qual é minha questão:
Olá.
Gostaria de saber como posso por uma musica para tocar automaticamente na minha página HTML.
Consegui este código:
Código:
<embed src="linkdoseusom.mp3" hidden="true" loop="1" autostart="TRUE">

Mas como coloco a musica? tipo, poderiam me passar um site que ofereça o serviço de hospedagem de musicas? Obrigado.

Endereço do meu fórum:
http://br-sobrenaturalrpg.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Som de fundo html

Mensagem por Sckool em 25/07/13, 09:06 pm

Olá Death~

Adicione ao código de sua html.

Código:
<embed style="opacity: 0;" src='URL_DO_VIDEO_AQUI' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed>

Em URL_DO_VIDEO_AQUI , coloque o link do vídeo.

Piscada
avatar

Sckool
Nível 8

Masculino
Inscrito dia : 25/07/2013
Mensagens : 128
Pontos Ativos : 211

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Som de fundo html

Mensagem por Side em 25/07/13, 09:11 pm

Ola Sckool, devo acrescentar o código em que área do meu código? posso por separado no final?
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Som de fundo html

Mensagem por Sckool em 25/07/13, 09:15 pm

Olá Death~

Sim pode adicionar no final separado .

Piscada
avatar

Sckool
Nível 8

Masculino
Inscrito dia : 25/07/2013
Mensagens : 128
Pontos Ativos : 211

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Som de fundo html

Mensagem por Side em 25/07/13, 09:20 pm

Sckool, não resultou :T
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Som de fundo html

Mensagem por Sckool em 25/07/13, 09:22 pm

Olá Death~

poderia me passar sua html ?

Piscada
avatar

Sckool
Nível 8

Masculino
Inscrito dia : 25/07/2013
Mensagens : 128
Pontos Ativos : 211

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Som de fundo html

Mensagem por Side em 25/07/13, 09:27 pm

Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
       
       
        <style>
       






        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://i35.servimg.com/u/f35/18/41/96/83/backgr10.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
        #tabcont-brunoh {
        padding: 10px;
        width: 600px;
        position: absolute;
        margin-left: 100px;
        background: rgba(0, 0, 0, 0.04);
        z-index: 1;
        min-height: 100px;
        margin-top: -260px;
        }
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }
        </style>




        <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/uBuZllp.png">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Sobrenatural RPG</title>
        <style type="text/css"></style></head>
        <body>
       
        <center><img src="http://i.imgur.com/42chhmJ.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>Seja muito bem vindo ao Sobrenatural RPG<br>O Sobrenatural RPG é um fórum de estilo role-playing game dedicado para os fãs da série Supernatural, no qual você vive o papel de um caçador em meio de um mundo onde esconder uma arma sob seu travesseiro nunca é de mais. </ul></div>
        </div></center>
        <center><div class="menu"><div id="cssmenu">
        <ul>
          <li class="has-sub"><a href="http://br-sobrenaturalrpg.forumeiros.com/forum"><span><img src="http://i.imgur.com/9BkEhR7.png"></span></a></li><br>
       
        </ul>
        </div></div><div class="copyright">Copyright ® Sobrenatural RPG</div>
        <table id="tabela1">
        <tbody><tr><td><center></center></td></tr></tbody></table></center>

        <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>



       
        </body></html>
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com
  • 0

Resolvido Re: Som de fundo html

Mensagem por Sennior em 25/07/13, 09:35 pm

Olá amigo,

No caso poderia ser um vídeo ou uma musica mesmo? Por via, aqui está:

Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
       
       
        <style>
        <object width="445" height="364"><param name="movie" value="http://www.youtube-nocookie.com/v/W7nicYDW3-4&hl=pt-br&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="Vídeo aqui" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object>






        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://i35.servimg.com/u/f35/18/41/96/83/backgr10.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
        #tabcont-brunoh {
        padding: 10px;
        width: 600px;
        position: absolute;
        margin-left: 100px;
        background: rgba(0, 0, 0, 0.04);
        z-index: 1;
        min-height: 100px;
        margin-top: -260px;
        }
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }
        </style>




        <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/uBuZllp.png">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Sobrenatural RPG</title>
        <style type="text/css"></style></head>
        <body>
       
        <center><img src="http://i.imgur.com/42chhmJ.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>Seja muito bem vindo ao Sobrenatural RPG<br>O Sobrenatural RPG é um fórum de estilo role-playing game dedicado para os fãs da série Supernatural, no qual você vive o papel de um caçador em meio de um mundo onde esconder uma arma sob seu travesseiro nunca é de mais. </ul></div>
        </div></center>
        <center><div class="menu"><div id="cssmenu">
        <ul>
          <li class="has-sub"><a href="http://br-sobrenaturalrpg.forumeiros.com/forum"><span><img src="http://i.imgur.com/9BkEhR7.png"></span></a></li><br>
       
        </ul>
        </div></div><div class="copyright">Copyright ® Sobrenatural RPG</div>
        <table id="tabela1">
        <tbody><tr><td><center></center></td></tr></tbody></table></center>

        <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>



       
        </body></html>

Altere o inicio que esta "Link do vídeo" pelo um vídeo que deseja.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Som de fundo html

Mensagem por Side em 25/07/13, 09:40 pm

Lervisic, eu queria que quando a pessoa abrisse a página, a musica começasse a tocar sozinha, entende?
Este que você me passou vai mostrar o video?
Gostaria que ela tocasse sozinha, sem opção de Play, pause, etc.
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Som de fundo html

Mensagem por Sckool em 25/07/13, 09:42 pm

Olá Death~

Desculpa a demora você não tinh especificado bem você quer que a música fique escondida certo?

teste a html.

Código:
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
       
       
        <style>
       






        hr {
        border-color: #fff;
        }
        #top5 {
        display:none;
        position: fixed;
        left: 86.6%;
        top: 97%;
        color: #73AAFD;
        font-family: "Courier New", Courier, monospace font-size:14px;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        opacity: 0.7;
        -webkit-transition-duration: 1s;
        background: rgb(27, 27, 27);
        width: 20%;
        -webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
        }
        #top5:hover {
        height: 80%;
        top: 47%;
        opacity: 1;
        }
        #topo1 {
        position: absolute;
        left: 81%;
        top: 1.5%;
        color: rgb(211, 211, 211);
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        }
        #topo2ip {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2 {
        position: absolute;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 98%;
        -webkit-transition-duration: 1s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.53);
        padding: 4px;
        }
        #RaidCallDESATIVADO {
        position: absolute;
        top: 1.5%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        background: transparent;
        width: 36%;
        -webkit-transition-duration: 1s;
        margin-left: 22%;
        }
        #RaidCall {
        position: absolute;
        left: 81%;
        top: 0%;
        color: #73AAFD;
        font-weight: bold;
        text-shadow: black 0.15em 0.15em 0.2em;
        -webkit-transition-duration: 1s;
        padding: 4px;
        }
        #RaidCallID {
        color: rgb(214, 214, 214);
        display: inline;
        }
        #topo2:hover {opacity: 1;}
        #cssmenu ul,
        #cssmenu li,
        #cssmenu span,
        #cssmenu a {
          margin: 0;
          padding: 0;
          position: relative;
        }
        #cssmenu {
        height: 49px;
        background: transparent;
        margin-left: 80%;
        margin-top: -10%;
        width: 17%!important;
        }
        #cssmenu:after,
        #cssmenu ul:after {
          content: '';
          display: block;
          clear: both;
        }
        #cssmenu a {
        background: transparent;
        color: #fff;
        display: inline-block;
        font-family: Game of Thrones;
        line-height: 35px;
        padding: 0 20px;
        text-decoration: none;
        border-radius: 3px;
        font-size: 20px;
        margin-left: 5px;
        }
        #cssmenu ul {
          list-style: none;
        }
        #cssmenu > ul {
          float: left;
        }
        #cssmenu > ul > li {
          float: center;
        }
        #cssmenu > ul > li:hover:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          left: 50%;
          bottom: 0;
        }
        #cssmenu > ul > li:hover > a {
        color: rgba(255, 255, 255, 0.55);
        }
        #cssmenu .has-sub {
          z-index: 1;
        }
        #cssmenu .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub ul {
          display: none;
          position: absolute;
          width: 200px;
          top: 100%;
          left: 0;
        }
        #cssmenu .has-sub ul li {
          *margin-bottom: -1px;
        }
        #cssmenu .has-sub ul li a {
          background: #0fa1e0;
          border-bottom: 1px dotted #6fc7ec;
          filter: none;
          font-size: 11px;
          display: block;
          line-height: 120%;
          padding: 10px;
        }
        #cssmenu .has-sub ul li:hover a {
          background: #0c7fb0;
        }
        #cssmenu .has-sub .has-sub:hover > ul {
          display: block;
        }
        #cssmenu .has-sub .has-sub ul {
          display: none;
          position: absolute;
          left: 100%;
          top: 0;
        }
        #cssmenu .has-sub .has-sub ul li a {
          background: #0c7fb0;
          border-bottom: 1px dotted #6db2d0;
        }
        #cssmenu .has-sub .has-sub ul li a:hover {
          background: #095c80;
        }
        .menu {
        width: 87.2%;
        background: transparent;
        margin-top: 4%;
        position: absolute;
        margin-left: 5%;
        padding: 10px;
        -webkit-border-radius: 7px 7px 0px 0;
        color:#fff;
        }
        .menu a{
        transition:all linear 0.5s;
        -moz-transition:all linear 0.5s;
        -webkit-moz-trasition:all linear 0.5s;
        font-weight:bold;
        color:#999999;
        margin-right:35px;
        text-decoration:none;
        }
        #tabela1 {
        background: transparent;
        width: 1%;
        float: center;
        height: 1%;
        margin-top: 383px;
        }
        #tabela1 a{
        text-decoration:none;
        color:#000;
        }
        body{
        background: rgb(0, 0, 0) url("http://i35.servimg.com/u/f35/18/41/96/83/backgr10.jpg") repeat;
        color: #5a5a5a;
        font: normal 11px tahoma,helvetica,arial,sans-serif;
        padding-bottom: 20px;
        }
        .conectado {
        margin-top: -2.9%;
        margin-left: 6%;
        position: absolute;
        background: rgba(0, 0, 0, 0.18);
        height: 37px;
        box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
        border: 1px solid rgba(0, 0, 0, 0.35);
        width: 87%;
        }
        .botao {
        font-weight: bold;
        color: white;
        float: left;
        padding: 0 13px 9px 13px;
        line-height: 36px;
        outline: none;
        height: 26px;
        text-decoration: none;
        }
        .botao a {
        color: white;
        text-decoration: none;
        }
        .botao:hover {
        background: rgba(0, 0, 0, 0.1);
        }
        #brunoh {
        background-color: #fbfbfb;
        border: 1px solid rgb(231, 231, 231);
        padding: 6px;
        }
        .redesociais {
        margin-left: 820px;
        margin-top: -288px;
        position: absolute;
        }
        #tabcont-brunoh {
        padding: 10px;
        width: 600px;
        position: absolute;
        margin-left: 100px;
        background: rgba(0, 0, 0, 0.04);
        z-index: 1;
        min-height: 100px;
        margin-top: -260px;
        }
        .copyright {
        position: absolute;
        margin-left: 600px;
        margin-top: 264px;
        color: #fff;
        }
        </style>




        <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/uBuZllp.png">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Sobrenatural RPG</title>
        <style type="text/css"></style></head>
        <body>
       
        <center><img src="http://i.imgur.com/42chhmJ.png" style=" position: absolute; left: 89px; top: -20px;padding: 0px; width: 50%;"><div id="tabcont-brunoh"><div id="tab1" style="display: block;"><ul>Seja muito bem vindo ao Sobrenatural RPG<br>O Sobrenatural RPG é um fórum de estilo role-playing game dedicado para os fãs da série Supernatural, no qual você vive o papel de um caçador em meio de um mundo onde esconder uma arma sob seu travesseiro nunca é de mais. </ul></div>
        </div></center>
        <center><div class="menu"><div id="cssmenu">
        <ul>
          <li class="has-sub"><a href="http://br-sobrenaturalrpg.forumeiros.com/forum"><span><img src="http://i.imgur.com/9BkEhR7.png"></span></a></li><br>
       
        </ul>
        </div></div><div class="copyright">Copyright ® Sobrenatural RPG</div>
        <table id="tabela1">
        <tbody><tr><td><center></center></td></tr></tbody></table></center>

        <embed style="opacity: 0;margin-left: -800px;" src='http://www.youtube-nocookie.com/v/oe75v8dmUFc?fs=1&hl=pt_BR&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed>

        <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>



       
        </body></html>

Piscada
avatar

Sckool
Nível 8

Masculino
Inscrito dia : 25/07/2013
Mensagens : 128
Pontos Ativos : 211

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Som de fundo html

Mensagem por Side em 25/07/13, 09:46 pm

SAHUAUHAUSUHSAUHSAUHAS adorei esse som que você colocou!
Obrigado Sckool, era isso mesmo, vou agradecer aos dois pela atenção.
Abraço!
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum