Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo colocar musica na pagina de HTML
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 13:53
Detalhes da questão
Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB
Descrição
Detalhes da questão
Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB
Descrição
Olá gostaria de saber como se coloca musica na minha pagina de HTML.
Link da pagina: http://brasilgoodliferpg.forumeiros.com
Aguardo respostas
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Elemar 29.09.15 14:24
Silva_Only escreveu:Detalhes da questão
Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBBDescrição
Detalhes da questão
Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBBDescrição
Olá gostaria de saber como se coloca musica na minha pagina de HTML.
Link da pagina: http://brasilgoodliferpg.forumeiros.com
Aguardo respostas
há sim como fazer, poderia me passar o audio ? eu mesmo criaria o audio para você
Elemar- Novo Membro
- Membro desde : 27/09/2015
Mensagens : 26
Pontos : 47 -
Re: Como colocar musica na pagina de HTML
por Fraise 29.09.15 15:20
Olá Silva! 
Aqui está o código:
Deverá colocar o código logo abaixo da tag <body>. Lembrando que, o aúdio deve ser um ficheiro mp3 e deve ser substituido por audio.mp3 no código.
Até mais.
Fraise
Aqui está o código:
- Código:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Deverá colocar o código logo abaixo da tag <body>. Lembrando que, o aúdio deve ser um ficheiro mp3 e deve ser substituido por audio.mp3 no código.
Até mais.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 16:25
Olá, não consegui inserir esse codigo. tem algum tutorial ou poderia explicar melhor?
Aguardo resposta!
Aguardo resposta!
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Fraise 29.09.15 16:27
Olá novamente!
Não conseguiu ou não funcionou?
Poderia fornecer o endereço da página HTML na qual deseja adicionar audio?
Até mais.
Fraise
Não conseguiu ou não funcionou?
Poderia fornecer o endereço da página HTML na qual deseja adicionar audio?
Até mais.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 17:17
Olá,
Não consegui colocar o codigo.
A pagina HTML na qual queria colocar áudio é esta: http://brasilgoodliferpg.forumeiros.com
Aguardo resposta
Não consegui colocar o codigo.
A pagina HTML na qual queria colocar áudio é esta: http://brasilgoodliferpg.forumeiros.com
Aguardo resposta
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Fraise 29.09.15 17:20
Olá!
Ah...! Poderia fornecer o código dessa tal página?
Até mais.
Fraise
Ah...! Poderia fornecer o código dessa tal página?
Até mais.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 21:48
Olá,
Aqui está o código da pagina.
A musica escolhida é https://youtu.be/J9NQFACZYEU
Aqui está o código da pagina.
A musica escolhida é https://youtu.be/J9NQFACZYEU
- Código:
<br /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script language="JavaScript">
function down() { if (event.button==2) { alert("Cuidado,pois o responsável da pagina foi avisado!."); } } function up() { if (event.button==2) { alert("Por favor, não repita isso! Essa página está protegida contra escrita!"); document.write("<body bgcolor='000000' text='ff0000'><center><h1>Se você ainda não sabe fazer uma cópia sem autorização do autor é crime.</h1></center><br><br>"); document.write('<a href="javascript:history.back()"><center>Voltar</center></a>'); } } document.onmousedown=down; document.onmouseup=up;
function MM_displayStatusMsg(msgStr) { http://v1.0
status=msgStr;
document.MM_returnValue = true;}
</script><script language="JavaScript">
<!--
var mensagem="";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert (" FORUM PROTEGIDO - EQUIPE BPS ")(mensagem);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script> <script type="text/javascript">
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="/h6-"});
//]]>
</script><title>Brasil Good Life</title><meta iso-8859-1"="" content="text/html;charset=" http-equiv="Content-Type" /><style>
<link rel="stylesheet" type="text/css" href="estilo.css" />
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
/* The reset rules */
margin:0px;
padding:0px;
}
body{
color:#FFFF;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
width: 100%;
background:url("http://ocdn.eu/images/pulscms/ZTI7MDA_/3fc0026b0e67aa85d145bd05989b9b84.jpg") no-repeat; center;
background-size: cover;
}
/*--- MENU DROPDOWN ---*/
#cssmenu {
text-align: center;
margin-top: 100px;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 15px;
padding:10px;
color:#CCC;
display: block;
margin: 50px auto;
width: 1000px;
float: center;
font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#cssmenu ul {
background: #333333;
height: 35px;
list-style: none;
margin: 0;
padding: 0;
text-shadow: 2px 2px 2px #000;
}
#cssmenu li {
float: left;
padding: 0px;
}
#cssmenu li a {
background: #333333 url('seperator.gif') bottom right no-repeat;
display: block;
font-weight: normal;
line-height: 35px;
margin: 0px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
}
#cssmenu > ul > li > a {
color: #cccccc;
}
#cssmenu ul ul a {
color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
background: #575959 url('hover.png') bottom center no-repeat;
color: #ffffff;
text-decoration: none;
text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}
#cssmenu li ul {
background: #333333;
display: none;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: 225px;
z-index: 200;
/*top:1em;
/*left:0;*/
}
#cssmenu li:hover ul {
display: block;
}
#cssmenu li li {
background: url('sub_sep.gif') bottom left no-repeat;
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 225px;
}
#cssmenu li:hover li a {
background: none;
}
#cssmenu li ul a {
display: block;
height: 35px;
font-size: 12px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
background: #575959 url('hover_sub.png') center left no-repeat;
border: 0px;
color: #ffffff;
text-decoration: none;
}
#cssmenu p {
clear: left;
}
h1{
font-size:28px;
font-weight:bold;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
letter-spacing:1px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
color:#FFF;
}
h3{
font-size:13px;
font-weight:bold;
font-family:"Courier New";
letter-spacing:1px;
color:#FFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
h2{
font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
padding-left:2px;
text-transform:uppercase;
white-space:nowrap;
margin-top:4px;
color:#FFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#main p{
padding-bottom:8px;
}
.clear{
clear:both;
}
#main{
width:800px;
/* Centering it in the middle of the page */
margin:60px auto;
margin-top:1px;
}
#main2{
width:100px;
margin:100px auto;
}
.container{
margin-top: 20px;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 15px;
}
.container2{
margin-top:20px;
margin:100px;
background:#FFFFFF;
border:1px solid #E0E0E0;
}
.err{
color:red;
}
.success{
color:#00CC00;
}
a, a:visited {
text-decoration:none;
outline:none;
}
a:hover{
text-decoration: none;
}
.footer{
text-align:center;
padding:10px;
color:#CCC;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#leftrightcontainer{
width:700px;
height:400px;
border:none;
margin: 0 auto;
}
#leftrightcontainer div{
width:40%;
float:left;
height:350px;
margin-top:20px;
margin-right:35px;
background:#FFFFFF;
border:1px solid #E0E0E0;
padding:15px;
}
.alert {
background: #fff6bf url(../images/exclamation.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.done {
background: #d7f7c4 url(../images/accept.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #82cb2f;
border-bottom: 2px solid #82cb2f;
}
a#button, a#button:visited {
display:inline-block;
background: url(http://i49.servimg.com/u/f49/15/99/54/36/simple10.png) repeat-x;
width: 150px;
padding:10px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
font-weight:bold;
text-transform:uppercase;
color:#FFF;
text-decoration: none;
opacity:.85;
}
a#button:hover {
border-color:#49671d;
}
a#button:active {
background-position: 0 -200px;
padding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
}
</style> <script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "Brasil Good Life rpg;
tb8_messages[1] = "Seja Bem Vindo ao nosso servidor !";
tb8_messages[2] = "Esperemos que se divirta no nosso servidor.";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
<div align="center" class="pageContent">
<div id="cssmenu">
<ul>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/forum"><span><strong>Forum</strong></span></a>
</li>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/portal"><span><strong>PORTAL</strong></span></a>
</li>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/f71-noticias-da-administracao"><span><strong>Beneficios Vip/Sócio</strong></span></a>
</li>
<ul>
<li>
<a href="register"><span><strong>Registrar-se</strong></span></a>
</li>
<li><a href="http://brasilgoodliferpg.forumeiros.com/login"><span><strong>LOGIN</strong></span></a>
</li>
<li>
<a href="http://dl.4players.de/ts/releases/3.0.16/TeamSpeak3-Client-win32-3.0.16.exe"><span><strong>Download TS3</strong></span></a>
</li>
<li class="last">
<a href="http://sa-mp.com/download.php"><span><strong>Download SA:MP 0.3.7</strong></span></a>
</li>
</ul>
</ul>
</div>
<div id="main">
<div align="center">
</div>
<div class="container">
<h1 align="center">
<span style="font-size: 38px;"><span style="color: rgb(25, 0, 255);"> Brasil </span><span style="color: rgb(25, 0, 255);"> </span><span style="color: rgb(25, 0, 255);">Good <span style="color: rgb(25, 0, 255);">Life</span></span></span>
</h1>
<h2 align="center">
<strong> <span style="font-size: 16px;"><strong>Venha Viver o melhor do RPG!.</strong></span></strong>
</h2>
</div>
<div align="center" class="container">
<br /><br />
<h1 align="center">
~Seja Bem Vindo ao nosso Fórum~
</h1>
<div align="center" class="container">
<h1 align="center">
<strong style="color: rgb(17, 17, 17); font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><span style="font-size: 16px;"><span style="color: rgb(255, 255, 255);"><span style="color: #990cc;">Aqui você encontra o que precisa de saber sobre o servidor, atualizações e muitas outras coisas. Toddas as novidades serão postadas aqui!</span></span></span></strong><br />
</h1>
</div>
<div align="center" class="container">
<h2 align="center">
<strong style="color: #ff345c;" <span="" servidor:="" do="" ip=""><span style="font-size: 24px;"><span style="font-size: 24px;">IP do servidor: 74.122.192.111:7777</span></span> </strong>
</h2>
</div>
<div class="container footer">
<h2 align="center">
<strong><span style="font-size: 24px;">IP DO TEAM SPEAK3: Brevemente </span></strong>
</h2>
</div>
<a target="_blank" href="http://www.forumeiros.com"></a>
<div class="container footer">
<span style="color: rgb(27, 147, 255);"> © Copyright 2015 -Desenvolvido por: Daniel_F -Todos os Direitos Reservados</span><a href="http://www.forumeiros.com" target="_blank"></a><object style="width: 1px; height: 1px;"><param id="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><embed style="width: 1px; height: 1px;" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object><br /> <embed style="width: 1px; height: 1px;" src="https://www.youtube.com/watch?v=TcT4Y_sQ0qg?version=3&hl=pt_BR&rel=0&autoplay=1;volume=70;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" />
</div>
</div>
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Fraise 29.09.15 22:36
Olá Silva!
Não consegui obter a música que o senhor deseja em formato .mp3, por isso coloquei outra.
Substitua o código da sua página por este:
Até mais.
Fraise
Não consegui obter a música que o senhor deseja em formato .mp3, por isso coloquei outra.
Substitua o código da sua página por este:
- Código:
<br /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<audio controls>
<source src="http://meoarena.party/musica.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script language="JavaScript">
function down() { if (event.button==2) { alert("Cuidado,pois o responsável da pagina foi avisado!."); } } function up() { if (event.button==2) { alert("Por favor, não repita isso! Essa página está protegida contra escrita!"); document.write("<body bgcolor='000000' text='ff0000'><center><h1>Se você ainda não sabe fazer uma cópia sem autorização do autor é crime.</h1></center><br><br>"); document.write('<a href="javascript:history.back()"><center>Voltar</center></a>'); } } document.onmousedown=down; document.onmouseup=up;
function MM_displayStatusMsg(msgStr) { http://v1.0
status=msgStr;
document.MM_returnValue = true;}
</script><script language="JavaScript">
<!--
var mensagem="";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert (" FORUM PROTEGIDO - EQUIPE BPS ")(mensagem);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script> <script type="text/javascript">
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="/h6-"});
//]]>
</script><title>Brasil Good Life</title><meta iso-8859-1"="" content="text/html;charset=" http-equiv="Content-Type" /><style>
<link rel="stylesheet" type="text/css" href="estilo.css" />
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
/* The reset rules */
margin:0px;
padding:0px;
}
body{
color:#FFFF;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
width: 100%;
background:url("http://ocdn.eu/images/pulscms/ZTI7MDA_/3fc0026b0e67aa85d145bd05989b9b84.jpg") no-repeat; center;
background-size: cover;
}
/*--- MENU DROPDOWN ---*/
#cssmenu {
text-align: center;
margin-top: 100px;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 15px;
padding:10px;
color:#CCC;
display: block;
margin: 50px auto;
width: 1000px;
float: center;
font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#cssmenu ul {
background: #333333;
height: 35px;
list-style: none;
margin: 0;
padding: 0;
text-shadow: 2px 2px 2px #000;
}
#cssmenu li {
float: left;
padding: 0px;
}
#cssmenu li a {
background: #333333 url('seperator.gif') bottom right no-repeat;
display: block;
font-weight: normal;
line-height: 35px;
margin: 0px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
}
#cssmenu > ul > li > a {
color: #cccccc;
}
#cssmenu ul ul a {
color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
background: #575959 url('hover.png') bottom center no-repeat;
color: #ffffff;
text-decoration: none;
text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}
#cssmenu li ul {
background: #333333;
display: none;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: 225px;
z-index: 200;
/*top:1em;
/*left:0;*/
}
#cssmenu li:hover ul {
display: block;
}
#cssmenu li li {
background: url('sub_sep.gif') bottom left no-repeat;
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 225px;
}
#cssmenu li:hover li a {
background: none;
}
#cssmenu li ul a {
display: block;
height: 35px;
font-size: 12px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
background: #575959 url('hover_sub.png') center left no-repeat;
border: 0px;
color: #ffffff;
text-decoration: none;
}
#cssmenu p {
clear: left;
}
h1{
font-size:28px;
font-weight:bold;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
letter-spacing:1px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
color:#FFF;
}
h3{
font-size:13px;
font-weight:bold;
font-family:"Courier New";
letter-spacing:1px;
color:#FFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
h2{
font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
padding-left:2px;
text-transform:uppercase;
white-space:nowrap;
margin-top:4px;
color:#FFF;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#main p{
padding-bottom:8px;
}
.clear{
clear:both;
}
#main{
width:800px;
/* Centering it in the middle of the page */
margin:60px auto;
margin-top:1px;
}
#main2{
width:100px;
margin:100px auto;
}
.container{
margin-top: 20px;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 15px;
}
.container2{
margin-top:20px;
margin:100px;
background:#FFFFFF;
border:1px solid #E0E0E0;
}
.err{
color:red;
}
.success{
color:#00CC00;
}
a, a:visited {
text-decoration:none;
outline:none;
}
a:hover{
text-decoration: none;
}
.footer{
text-align:center;
padding:10px;
color:#CCC;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#leftrightcontainer{
width:700px;
height:400px;
border:none;
margin: 0 auto;
}
#leftrightcontainer div{
width:40%;
float:left;
height:350px;
margin-top:20px;
margin-right:35px;
background:#FFFFFF;
border:1px solid #E0E0E0;
padding:15px;
}
.alert {
background: #fff6bf url(../images/exclamation.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.done {
background: #d7f7c4 url(../images/accept.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #82cb2f;
border-bottom: 2px solid #82cb2f;
}
a#button, a#button:visited {
display:inline-block;
background: url(http://i49.servimg.com/u/f49/15/99/54/36/simple10.png) repeat-x;
width: 150px;
padding:10px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
font-weight:bold;
text-transform:uppercase;
color:#FFF;
text-decoration: none;
opacity:.85;
}
a#button:hover {
border-color:#49671d;
}
a#button:active {
background-position: 0 -200px;
padding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
}
</style> <script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "Brasil Good Life rpg;
tb8_messages[1] = "Seja Bem Vindo ao nosso servidor !";
tb8_messages[2] = "Esperemos que se divirta no nosso servidor.";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
<div align="center" class="pageContent">
<div id="cssmenu">
<ul>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/forum"><span><strong>Forum</strong></span></a>
</li>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/portal"><span><strong>PORTAL</strong></span></a>
</li>
<li>
<a href="http://brasilgoodliferpg.forumeiros.com/f71-noticias-da-administracao"><span><strong>Beneficios Vip/Sócio</strong></span></a>
</li>
<ul>
<li>
<a href="register"><span><strong>Registrar-se</strong></span></a>
</li>
<li><a href="http://brasilgoodliferpg.forumeiros.com/login"><span><strong>LOGIN</strong></span></a>
</li>
<li>
<a href="http://dl.4players.de/ts/releases/3.0.16/TeamSpeak3-Client-win32-3.0.16.exe"><span><strong>Download TS3</strong></span></a>
</li>
<li class="last">
<a href="http://sa-mp.com/download.php"><span><strong>Download SA:MP 0.3.7</strong></span></a>
</li>
</ul>
</ul>
</div>
<div id="main">
<div align="center">
</div>
<div class="container">
<h1 align="center">
<span style="font-size: 38px;"><span style="color: rgb(25, 0, 255);"> Brasil </span><span style="color: rgb(25, 0, 255);"> </span><span style="color: rgb(25, 0, 255);">Good <span style="color: rgb(25, 0, 255);">Life</span></span></span>
</h1>
<h2 align="center">
<strong> <span style="font-size: 16px;"><strong>Venha Viver o melhor do RPG!.</strong></span></strong>
</h2>
</div>
<div align="center" class="container">
<br /><br />
<h1 align="center">
~Seja Bem Vindo ao nosso Fórum~
</h1>
<div align="center" class="container">
<h1 align="center">
<strong style="color: rgb(17, 17, 17); font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><span style="font-size: 16px;"><span style="color: rgb(255, 255, 255);"><span style="color: #990cc;">Aqui você encontra o que precisa de saber sobre o servidor, atualizações e muitas outras coisas. Toddas as novidades serão postadas aqui!</span></span></span></strong><br />
</h1>
</div>
<div align="center" class="container">
<h2 align="center">
<strong style="color: #ff345c;" <span="" servidor:="" do="" ip=""><span style="font-size: 24px;"><span style="font-size: 24px;">IP do servidor: 74.122.192.111:7777</span></span> </strong>
</h2>
</div>
<div class="container footer">
<h2 align="center">
<strong><span style="font-size: 24px;">IP DO TEAM SPEAK3: Brevemente </span></strong>
</h2>
</div>
<a target="_blank" href="http://www.forumeiros.com"></a>
<div class="container footer">
<span style="color: rgb(27, 147, 255);"> © Copyright 2015 -Desenvolvido por: Daniel_F -Todos os Direitos Reservados</span><a href="http://www.forumeiros.com" target="_blank"></a><object style="width: 1px; height: 1px;"><param id="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><embed style="width: 1px; height: 1px;" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object><br /> <embed style="width: 1px; height: 1px;" src="https://www.youtube.com/watch?v=TcT4Y_sQ0qg?version=3&hl=pt_BR&rel=0&autoplay=1;volume=70;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" />
</div>
</div>
Até mais.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 23:16
Olá fraise,
Eu gostaria de saber se é possivel colocar rádio em vez de musica e qual seria o codigo!
Aguardo resposta!
Eu gostaria de saber se é possivel colocar rádio em vez de musica e qual seria o codigo!
Aguardo resposta!
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 29.09.15 23:19
Última edição por Silva_Only em 30.09.15 7:18, editado 1 vez(es)
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Elemar 30.09.15 0:42
Silva_Only escreveu:Olá fraise,
Eu gostaria de saber se é possivel colocar rádio em vez de musica e qual seria o codigo!
Aguardo resposta!
SIM, já irei avisando que. tópicos repetitivos[flood] geram banimentos,
e há sim como, poderia deixar a rádio[link] para analise e criação do código?
Elemar- Novo Membro
- Membro desde : 27/09/2015
Mensagens : 26
Pontos : 47 -
Re: Como colocar musica na pagina de HTML
por Silva_Only 30.09.15 7:18
Olá
As radios estao edicadas acima
As radios estao edicadas acima
Silva_Only- **
- Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93 -
Re: Como colocar musica na pagina de HTML
por Juliam 30.09.15 14:54
Olá, silvia eu criei seu player, coloque o código em um widget personalizado, ou simplesmente coloque na sua página em html. Mas antes peço que os adms testem o código, eu mesmo testei e não tive erros pegue seu código,
foi meio dificil de achar mais eu consegui...
foi meio dificil de achar mais eu consegui...
- Código:
<div align="center">
<script src="http://jwpsrv.com/library/EkclxHm0EeKtPCIACp8kUw.js"></script>
<div style="width: 200px; height: 30px; opacity: 1; background-color: transparent;" tabindex="0" id="myElement" class="jwplayer playlist-none">
<div style="display: none;" id="myElement_menu" class="jwclick">
<div class="jwclick_item">
About JW Player 6.12.4956 (Pro edition)
</div>
</div><span id="myElement_view" class="jwmain"><span style="opacity: 0;" id="myElement_media" class="jwvideo"></span><video src="http://mp3lg4.tdf-cdn.com/8376/goo_091150.mp3" webkit-playsinline="" x-webkit-airplay="allow"></video><span class="jwcontrols"></span></span>
<div class="jwcaptions" id="myElement_caption">
<div style="display: none; height: auto; position: absolute; bottom: 20px; text-align: center; width: 100%;">
<div style="display: inline-block;">
<span style="color: rgb(255, 255, 255); display: inline-block; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-align: center; text-decoration: none; word-wrap: break-word; background-color: rgb(0, 0, 0);">
</span>
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"></span></span>
<div class="jwdisplay" id="myElement_display">
<div class="jwpreview jwuniform">
</div>
<div style="opacity: 0; display: table; background-size: 18px 100%, 36px 100%, 18px 100%;" id="myElement_display_button" class="jwdisplayIcon">
<div style="display: none;" class="jwtext">
</div>
<div style="transform: rotate(0deg);" id="myElement_display_button_buffer" class="jwicon">
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><img style="display: none; visibility: hidden; opacity: 0;" id="myElement_logo" class="jwlogo" /></span></span>
<div id="myElement_dock" class="jwdock">
<div class="jwdockbuttons">
<div class="capLeft">
</div>
<div class="capRight">
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwbackground"></span> <span class="jwcapLeft"></span> <span class="jwgroup jwleft"><span class="jwplay jwtoggle"><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"><span class="jwplay jwtoggle"></span><span></span><span class="jwblankDivider"></span><span style="display: none;" class="jwprev"><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"><span style="display: none;" class="jwprev"></span><span></span><span class="jwblankDivider"></span><span style="display: none;" class="jwnext"><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"></span><span style="display: none;" class="jwnext"></span><span></span><span class="jwblankDivider"></span><span style="display: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwelapsed jwhidden" id="myElement_controlbar_elapsed"></span>00:00<span style="left: 32px; right: 90px;" class="jwgroup jwcenter"><span style="display: none;" class="jwslider jwtime"><span class="jwtimeSliderCapLeft"></span> <span class="jwrail"><span class="jwrailgroup Rail"></span><span class="jwtimeSliderRailCapLeft"></span> <span class="jwtimeSliderRail"></span> <span class="jwtimeSliderRailCapRight jwcapRight"></span> <span style="width: 0%; opacity: 0;" class="jwrailgroup Buffer"></span><span class="jwtimeSliderBufferCapLeft"></span> <span class="jwtimeSliderBuffer"></span> <span class="jwtimeSliderBufferCapRight jwcapRight"></span> <span style="width: 0%; opacity: 0;" class="jwprogressOverflow"></span><span class="jwrailgroup Progress"></span><span class="jwtimeSliderProgressCapLeft"></span> <span class="jwtimeSliderProgress"></span> <span class="jwtimeSliderProgressCapRight jwcapRight"></span> <span style="margin-left: -8px; left: 0%; opacity: 1;" class="jwtimeSliderThumb jwthumb"></span> </span></span></span></span></span></span>
<div style="padding: 5px 7px 8px;" id="myElement_controlbar_timetooltip" class="jwoverlay">
<div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
</div>
<div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
</div>
<div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
</div>
<div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
</div>
<div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
</div>
<div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
</div>
<div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
</div>
<div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
</div>
<div class="jwcontents">
<div>
<div style="display: none;" id="myElement_controlbar_thumb">
</div>
<div class="jwoverlaytext">
00:00
</div>
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="left: 32px; right: 90px;" class="jwgroup jwcenter"></span><span style="display: none;" class="jwslider jwtime"></span><span class="jwrail"></span><span class="jwtimeSliderCapRight"></span> <span style="display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwalt" id="myElement_controlbar_alt"></span>Live broadcast<span style="right: 8px;" class="jwgroup jwright"><span style="display: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwduration jwhidden" id="myElement_controlbar_duration"></span>00:00<span style="display: none;" class="jwhd"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwhd"><span></span></span></span></span></span></span>
<div style="padding: 5px 7px 8px; left: 50%;" id="myElement_controlbar_hd_overlay" class="jwoverlay">
<div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
</div>
<div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
</div>
<div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
</div>
<div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
</div>
<div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
</div>
<div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
</div>
<div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
</div>
<div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
</div>
<div class="jwcontents">
<div id="myElement_controlbar_hd" class="jwmenu">
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwhd"></span><span style="display: none;" class="jwcc"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwcc"><span></span></span></span></span></span></span>
<div style="padding: 5px 7px 8px; left: 50%;" id="myElement_controlbar_cc_overlay" class="jwoverlay">
<div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
</div>
<div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
</div>
<div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
</div>
<div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
</div>
<div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
</div>
<div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
</div>
<div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
</div>
<div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
</div>
<div class="jwcontents">
<div id="myElement_controlbar_cc" class="jwmenu">
</div>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwcc"></span><span class="jwmute"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwmute"><span></span></span></span></span></span></span>
<div style="padding: 5px 7px 8px; left: 50%; display: none;" id="myElement_controlbar_volumeoverlay" class="jwoverlay">
<div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
</div>
<div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
</div>
<div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
</div>
<div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
</div>
<div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
</div>
<div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
</div>
<div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
</div>
<div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
</div>
<div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
</div>
<div class="jwcontents">
<span class="jwslider jwvolume jwvertical"><span class="jwvolumeCapTop"> </span><span class="jwrail"><span class="jwrailgroup Rail"><span class="jwvolumeRailCapTop"> </span><span class="jwvolumeRail"> </span><span class="jwvolumeRailCapBottom jwcapBottom"> </span></span><span style="height: 90%; bottom: 0px;" class="jwrailgroup Progress"><span class="jwvolumeProgressCapTop"> </span><span class="jwvolumeProgress"> </span><span class="jwvolumeProgressCapBottom jwcapBottom"> </span><span style="top: 0px;" class="jwvolumeThumb jwthumb"> </span></span></span><span class="jwvolumeCapBottom jwcapBottom"> </span></span>
</div>
</div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwmute"></span><span style="display: block;" class="jwslider jwvolumeH jwhorizontal"></span><span class="jwvolumeHCapLeft"></span> <span class="jwrail"></span><span class="jwrailgroup Rail"></span><span class="jwvolumeHRailCapLeft"></span> <span class="jwvolumeHRail"></span> <span class="jwvolumeHRailCapRight jwcapRight"></span> <span style="width: 90%; opacity: 1;" class="jwprogressOverflow"></span><span class="jwrailgroup Progress"></span><span class="jwvolumeHProgressCapLeft"></span> <span class="jwvolumeHProgress"></span> <span class="jwvolumeHProgressCapRight jwcapRight"></span> <span class="jwvolumeHCapRight"></span> <span class="jwcast jwtoggle"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwcast jwtoggle"></span><span></span><span style="display: none;" class="jwfullscreen"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
<button type="button" tabindex="-1">
</button><span id="myElement_view" class="jwmain"><span class="jwcontrols"></span><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"></span><span style="right: 8px;" class="jwgroup jwright"></span><span style="display: none;" class="jwfullscreen"></span><span></span><span class="jwcapRight"></span> <span class="jwinstream"></span></span>
<div style="position: absolute; top: 0px; z-index: 10;" id="myElement_jwpsrv">
<div style="width: 1px; height: 1px; position: absolute; background: transparent;" class="afs_ads">
</div>
</div><span id="myElement_view" class="jwmain"></span><span class="jwaspect"></span><span class="jwplaylistcontainer"></span>
</div>
<script>
jwplayer("myElement").setup({
file: "http://mp3lg4.tdf-cdn.com/8376/goo_091150.mp3",
type: "mp3",
width: 200,
height: 30,
autostart: true,
});
</script>
</div>
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido Podem fechar o tópico. |
Juliam- Novo Membro
- Membro desde : 30/09/2015
Mensagens : 18
Pontos : 41 -
Re: Como colocar musica na pagina de HTML
por Fraise 03.10.15 19:14
@Juliam deixe esse trabalho para a equipe.
| Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» Como por musica na pagina html ?
» Como colocar uma música na página inicial?
» Como colocar pagina em HTML?
» Como colocar essa pagina html?
» Como colocar um blog como pagina inicial por html ?
» Como colocar uma música na página inicial?
» Como colocar pagina em HTML?
» Como colocar essa pagina html?
» Como colocar um blog como pagina inicial por html ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos