Abas para rádios

3 participantes

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

Tópico resolvido Abas para rádios

Mensagem por Japa.Origin 06.10.15 22:29

Detalhes da questão


Endereço do fórum: http://barao.livreforum.com/
Versão do fórum: PhpBB3

Descrição


OI, estou de volta, e desta vez peço ajuda par criar três abas em um só anuncio darei um exemplo parecido do meu pedido, a primeira aba para atualizações e etc... A segunda aba para as rádios e a terceira aba para a equipe CF*B* LEMBRANDO QUE A ABA MAIS IMPORTANTE É A ABA DE RÁDIOS, ELA TEM DE SER A TERCEIRA...
Deixarei os players abaixo...


Rádio Balada Alternativa (poderia tirar o auto play)
Código:
<object data="http://www.radiobaladaalternativa.com.br/player/player-box/aacplus_v2.swf" autoplay="true" style="width: 290px; height: 50px;">  </object>


rádio DE PORTUGAL (RFM)
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: false,
                 });
            </script>
</div>

RÁDIO DE ROCK:
Código:
<br /><object data="http://apps.sistema.radio.br/BRGallery/index.php/player/view/brlogic-topo1;290;50;aHR0cDovL3JvdXRlNjZjbGFzc2ljcm9ja3JhZGlvLmNvbS9hcHAucGxheWVyLnBocD9pZD0yNiZzZXJ2ZXJ0eXBlPWF1ZGlvL21wZWc=;false" style=""></object>

RÁDIO ELETRONICA: (PODERIA TIRAR O AUTO PLAY)
Código:
 
<div class="player_box">
                       <object style="width: 250px; height: 65px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">                <param id="movie" value="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" />                <param id="flashvars" value="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" />                <param id="wmode" value="transparent" />                <param id="allowscriptaccess" value="always" />                <param id="scale" value="noscale" />                <embed style="width: 250px; height: 65px;" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" scale="noscale" autoplay="false" flashvars="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" src="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" />                            </object>            
</div>

IMAGEM EXEMPLO DO PEDIDO:
Abas para rádios T66psz
Japa.Origin

Japa.Origin
***

Membro desde : 06/08/2015
Mensagens : 150
Pontos : 246

http://baraowarface.livreforum.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Abas para rádios

Mensagem por Fraise 06.10.15 22:47

Olá Japa, será que é desta que vai cumprir todas as regras? Muito feliz

Aqui está o código:
Código:
<style>
.div
{
font-family: verdana;
font-size: 11px;
border:1px solid #000000;
width:300px;
height: 200px;
}

td
{
font-family: verdana;
font-size: 11px;
}
</style>

<script>
function AbreAba(nome_div)
{
var total_divs = document.getElementsByTagName('div').length;
var div = "";
var td = "";

for (var i=1; i < total_divs+1; i++)
{
div = "div"+i;
td = "td"+i;
document.getElementById(div).style.display = "none";
document.getElementById(td).style.backgroundColor = "";
document.getElementById(div).className="div";

if (div == nome_div)
{
document.getElementById(nome_div).style.display = "block";
document.getElementById(td).style.backgroundColor = "#CCCCCC";
}
}
}
</script>

<body onload="AbreAba('div1')">
<table border="1" width="300" cellspacing="0" bordercolordark="#000000">
   <tr>
      <td id="td1"><a href="#" onclick="AbreAba('div1')">Rádio Balada Alternativa</a></td>
      <td id="td2"><a href="#" onclick="AbreAba('div2')">Rádio de Portugal - RFM</a></td>
      <td id="td3"><a href="#" onclick="AbreAba('div3')">Rádio de Rock</a></td>
                <td id="td4"><a href="#" onclick="AbreAba('div4')">Rádio de Rock</a></td>
   </tr>
</table>

<div id="div1"><br><br>
<object data="http://www.radiobaladaalternativa.com.br/player/player-box/aacplus_v2.swf" autoplay="false" style="width: 290px; height: 50px;">  </object>
</div>

<div id="div2"><br><br>
<object><iframe frameborder='0' scrolling='no' title='Rádio no Blog - RFM' width='162' height='245' src='http://www.rfm.pt/player_blog_stream.aspx?play=0&ply=4&skin=2'></iframe></object>
</div>

<div id="div3"><br><br>
<br /><object data="http://apps.sistema.radio.br/BRGallery/index.php/player/view/brlogic-topo1;290;50;aHR0cDovL3JvdXRlNjZjbGFzc2ljcm9ja3JhZGlvLmNvbS9hcHAucGxheWVyLnBocD9pZD0yNiZzZXJ2ZXJ0eXBlPWF1ZGlvL21wZWc=;false" style=""></object>
</div>

<div id="div4"><br><br>
 
<div class="player_box">
                      <object style="width: 250px; height: 65px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">                <param id="movie" value="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" />                <param id="flashvars" value="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" />                <param id="wmode" value="transparent" />                <param id="allowscriptaccess" value="always" />                <param id="scale" value="noscale" />                <embed style="width: 250px; height: 65px;" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" scale="noscale" autoplay="false" flashvars="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" src="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" />                            </object>           
</div>
</div>

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Abas para rádios

Mensagem por Japa.Origin 06.10.15 22:56

Fraise o código e perfeito mais, eu tentei encaixar ele juntamente a outra tabela já criada, mais quando eu clico na nova área de rádios/online ele não mostra as rádios em abas: deixarei o código pra analise
Chorando ou muito tr
Código:
 <br />
<div class="mes-txt">
                     <style type="text/css">.homepageTitle { color:#39C; font-size:21px; font-style:italic; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; background:url(http://2img.net/i/fa/optimisation_fdf/fr/puce10.png) no-repeat 0 0; height:40px; padding:5px 0px 0px 25px; }
#homepageLogo { float:right; margin-left:20px; }
#hideHomepageMessage { float:right; cursor:pointer; }

/* INFO BOX */
#faInfo { color:#666; background:#FFF; border:1px solid #39C; border-bottom-width:3px; border-radius:0 3px 3px 3px; padding:6px; }
#faInfoNav { background:#FFF; border:1px solid #39C; border-bottom:none; border-radius:3px 3px 0 0; overflow:hidden; display:inline-block; }
#faInfoNav a { color:#333; background:#FFF; border-right:1px solid #39C; font-size:11px; font-weight:bold; display:inline-block; padding:6px 9px; }
#faInfoNav a:hover, #faInfoNav .infoActif { color:#FFF; background:#39C; }
#faInfoAnn { background-image:url('http://i18.servimg.com/u/f18/18/21/60/73/fdf_bu10.png') }
#faInfoSearch { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_se10.png') }
#faInfoExplain { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_ex10.png') }
#faInfoSuggestion { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_su10.png') }
#faInfoStaff { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_st10.png') }
.infoBlock { text-align:justify; background-repeat:no-repeat; background-position:0 50%; padding-left:75px; min-height:100px; }

/* INFO NEWS */
.faNewsRow { background:#F0F6F8; border-radius:3px; margin:3px 0; padding:5px 10px; }
.faNewsRow a { font-weight:bold }
.faNewsDate { font-size:11px; font-style:italic; background:url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) no-repeat 0 center; padding-left:12px; float:right; }

/* PROFILE STYLE */
#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName { background:#FFF; border:1px solid #DDD; color:#39C; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-20px; padding:0 12px; line-height:18px; }
#userName span { font-weight:normal }
#userAvatar img { max-width:100px }
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title { color:#39C; font-weight:bold; border-bottom:1px solid #39C; padding-bottom:3px; margin-bottom:3px; width:90%; }
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }

/* SEARCH BAR */
#fa_google_search form.gsc-search-box { width:80% }
.gsc-input-box { height:auto }
.gsc-search-box-tools .gsc-search-box .gsc-input, .gsib_a, .cse .gsc-control-cse, .gsc-control-cse { padding:0 }
.gsc-control-cse, .gsc-input-box, input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background:none; border:none; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { height:12px; background-color:#369FCF; border-radius:0 3px 3px 0; margin:0; margin-left:21px; padding:10px; box-shadow:none; }
#gsc-i-id1 { height:18px !important; padding:6px 12px !important; border:1px solid #369FCF !important; box-shadow:none !important; cursor:text; }
#gsc-i-id1, .gsc-input-box-focus { border-radius:3px 0 0 3px }
.gsib_b { position:relative }
.gsst_a { position:absolute; top:6px; }</style><img src="http://2img.net/i/fa/m/tabs_less1.gif" id="hideHomepageMessage" />                  
   <div itemscope="" itemtype="http://schema.org/Organization" id="homepageMessage">
                                                  
                                        
                         
            </div>
                                                                  
            <div style="display:none;" <style="">
                  .div { font-family: verdana; font-size: 11px; border:1px solid #000000; width:300px; height: 200px; } td { font-family: verdana; font-size: 11px; }  <script>
function AbreAba(nome_div)
{
var total_divs = document.getElementsByTagName('div').length;
var div = "";
var td = "";

for (var i=1; i < total_divs+1; i++)
{
div = "div"+i;
td = "td"+i;
document.getElementById(div).style.display = "none";
document.getElementById(td).style.backgroundColor = "";
document.getElementById(div).className="div";

if (div == nome_div)
{
document.getElementById(nome_div).style.display = "block";
document.getElementById(td).style.backgroundColor = "#CCCCCC";
}
}
}
</script>    
               <table style="width: 300px;" bordercolordark="#000000" cellspacing="0" border="1">
                                
                  <tbody>
                               
                     <tr>
                                          
                        <td id="td1">
                                 <a onclick="AbreAba('div1')" href="#">Rádio Balada Alternativa</a>      
                        </td>
                                          
                        <td id="td2">
                                 <a onclick="AbreAba('div2')" href="#">Rádio de Portugal - RFM</a>      
                        </td>
                                          
                        <td id="td3">
                                 <a onclick="AbreAba('div3')" href="#">Rádio de Rock</a>      
                        </td>
                                                    
                        <td id="td4">
                                 <a onclick="AbreAba('div4')" href="#">RÁDIO ELETRONICA</a>      
                        </td>
                                      
                     </tr>
                               
                  </tbody>
                      
               </table>
                   
               <div id="div1">
                        <br /><br /><object style="width: 290px; height: 50px;" autoplay="false" data="http://www.radiobaladaalternativa.com.br/player/player-box/aacplus_v2.swf">  </object>  
               </div>
                   
               <div id="div2">
                            
                  <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: false,
                 });
            </script>    
                  </div>
                      
               </div>
                   
               <div id="div3">
                        <br /><br /><br /><object style="" data="http://apps.sistema.radio.br/BRGallery/index.php/player/view/brlogic-topo1;290;50;aHR0cDovL3JvdXRlNjZjbGFzc2ljcm9ja3JhZGlvLmNvbS9hcHAucGxheWVyLnBocD9pZD0yNiZzZXJ2ZXJ0eXBlPWF1ZGlvL21wZWc=;false"></object>  
               </div>
                   
               <div id="div4">
                        <br /><br />      
                  <div class="player_box">
                                                 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="width: 250px; height: 65px;">                <param value="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" id="movie" />                <param value="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" id="flashvars" />                <param value="transparent" id="wmode" />                <param value="always" id="allowscriptaccess" />                <param value="noscale" id="scale" />                <embed src="http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/muses.swf" flashvars="url=http://listen.radionabalada.com.br:8155/aac/;&lang=auto&codec=aac&volume=65&introurl=&autoplay=False&tracking=true&jsevents=false&skin=http://www.radionabalada.com.br/wp-content/themes/ultimate/assets/player/hoost.xml" autoplay="false" scale="noscale" wmode="transparent" allowscriptaccess="always" type="application/x-shockwave-flash" style="width: 250px; height: 65px;" />                            </object>                  
                  </div>
                      
               </div>
                     
            </div>
                                                          
         </div>
                                                 
      </div>
                                          
      <div id="services_fa">
                                            <a tooltip="Atendimento ao Usuário" href="/c2-" itemprop="url" class="tooltip">  <em data-original-title="Atendimento ao Usuário " tooltip="Atendimento ao Usuário " class="fa fa-support hovicon effect-3 sub-a circulo1" title="Atendimento ao Usuário "></em> </a> <a tooltip="Criações gráficas para fóruns " href="/f17-" itemprop="url" class="tooltip"> <em data-original-title="Criações gráficas para fóruns " class="fa fa-paint-brush hovicon effect-3 sub-a circulo2" title="Criações gráficas"></em></a>  <a tooltip="Setor de Publicidade para fóruns" href="/c9-" class="tooltip"> <em data-original-title="Serviços extras exclusivo para Membros " class="fa fa-random hovicon effect-3 sub-a circulo3" title="Setor de Publicidade para fóruns"></em> </a> <a tooltip="Os Desenvolvedores (laboratório de códigos)" href="/c7-" itemprop="url" class="tooltip"> <em data-original-title="Laboratório de Códigos Javascript" class="fa fa-code hovicon effect-3 sub-a circulo4" title="Os Desenvolvedores (laboratório de códigos)"></em>  </a> <a tooltip="Sugestões e melhoras" href="/c6-" itemprop="url" class="tooltip"> <em data-original-title="Sugestões e Melhoras para o serviço " class="fa fa-lightbulb-o hovicon effect-3 sub-a circulo5" title="Miscelânea"></em> </a>                  
      </div><script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var main = document.getElementById('main-content'), // main container
  
      // news nodes and data
      news = document.getElementById('faNewsBox'),
      newsTopics = news.getElementsByTagName('DIV'),
      storage = window.localStorage,
      rss = document.getElementById('faNewsRSS'),
      
      homepage = J('.introduction', main)[0], // homepage message
      
      // google search
      cx = '018097555942133585918:_gwf276jof8',
      gcse = document.createElement('script'),
      s = document.getElementsByTagName('script')[0],
      
      // info box
      infoLinks = document.getElementById('faInfoNav').getElementsByTagName('A'),
      
      // hide button
      hide = document.getElementById('hideHomepageMessage'),
      
      // profile variables
      profil,
      login;
      
  document.getElementById('fa_google_search').style.display = 'block'; // show google search for JS user
  document.getElementById('searchNoJS').style.display = 'none'; // hide normal search for JS users
      
  // hide homepage
  if (my_getcookie('faHomepage') == 'hidden') {
    hide.src = 'http://2img.net/i/fa/m/tabs_more1.gif';
    document.getElementById('homepageMessage').style.display = 'none';
    document.getElementById('hiddenTitle').style.display = 'block';
  }
      
  // get news topics
  if (storage && storage.faNewsTopics && storage.faNewsTopicsExp > +new Date - 1*60*60*1000) news.innerHTML = storage.faNewsTopics;
  else {
    J(rss).load('/feed/?f=1 item', function() {
      for (var i = 0, item = rss.childNodes, j = newsTopics.length, t; i < j; i++) {
        t = J('title', item[i])[0].innerHTML;
        newsTopics[i].innerHTML = '<a itemprop="url" href="' + J('guid', item[i])[0].innerHTML + '" title="' + t + '">' + ( t.length > 69 ? t.slice(0, 69) + '...' : t ) + '</a> <span class="faNewsDate">' + J('pubDate', item[i])[0].innerHTML.replace(/.*?, (\d+ \w+).*/, function (M, S1) { return S1.charAt(0) == '0' ? S1.slice(1) : S1 }) + '</span>';
      }
      if (storage) {
        storage.faNewsTopics = news.innerHTML;
        storage.faNewsTopicsExp = +new Date;
      }
    });
  }
  
  // create google search bar
  gcse.type = 'text/javascript';
  gcse.async = true;
  gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
  s.parentNode.insertBefore(gcse, s);
  
  // apply general logic to info box tabs
  for (var i = 0, j = infoLinks.length; i < j; i++) {
    infoLinks[i].onclick = function() {
      var a = document.getElementById('faInfoNav').getElementsByTagName('A'), b = document.getElementById('faInfo').getElementsByTagName('DIV'), i, j;
      
      for (i = 0, j = b.length; i < j; i++) if (/infoBlock/.test(b[i].className)) b[i].style.display = 'none';
      document.getElementById(this.id.slice(1)).style.display = 'block';
      
      for (i = 0, j = a.length; i < j; i++) if (/infoActif/.test(a[i].className)) a[i].className = '';
      this.className = 'infoActif';
      
      return false;
    }
  }
  
  // hide the homepage message
  hide.onclick = function() {
    var message = document.getElementById('homepageMessage'),
        title = document.getElementById('hiddenTitle');
  
    if (this.src == 'http://2img.net/i/fa/m/tabs_less1.gif') {
      this.src = 'http://2img.net/i/fa/m/tabs_more1.gif';
      message.style.display = 'none';
      title.style.display = 'block';
      my_setcookie('faHomepage', 'hidden');
    } else {
      this.src = 'http://2img.net/i/fa/m/tabs_less1.gif';
      message.style.display = 'block';
      title.style.display = 'none';
      my_setcookie('faHomepage', 'shown');
    }
  };
})(jQuery, _userdata, _lang);
//]]></script>
   </div>
</div>
Japa.Origin

Japa.Origin
***

Membro desde : 06/08/2015
Mensagens : 150
Pontos : 246

http://baraowarface.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Abas para rádios

Mensagem por Japa.Origin 07.10.15 12:52

up
Japa.Origin

Japa.Origin
***

Membro desde : 06/08/2015
Mensagens : 150
Pontos : 246

http://baraowarface.livreforum.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Abas para rádios

Mensagem por Shek 07.10.15 13:45

Bom dia!

Essa edição deve ser feita pelo senhor mesmo. Seu fórum não encontra-se de acordo com nossas Condições gerais de uso, e por isso o atendimento ao seu tópico é limitado.

Obrigado por sua dúvida.

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Abas para rádios

Mensagem por Japa.Origin 07.10.15 15:08

qual é a irregularidade...
Japa.Origin

Japa.Origin
***

Membro desde : 06/08/2015
Mensagens : 150
Pontos : 246

http://baraowarface.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Abas para rádios

Mensagem por Japa.Origin 09.10.15 15:32

up
Japa.Origin

Japa.Origin
***

Membro desde : 06/08/2015
Mensagens : 150
Pontos : 246

http://baraowarface.livreforum.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Abas para rádios

Mensagem por Fraise 10.10.15 14:07

A questão acerca da irregularidade já foi respondida neste tópico:
Seta https://ajuda.forumeiros.com/t102039-aviso-de-ilegalidade-como-devo-proceder#708043

E como já foi mencionado pelo nosso amigo Shek, deverá ser o senhor a fazer a edição pelo motivo de o suporte à sua dúvida ser limitado até que seu fórum esteja de acordo com as Condições Gerais.

Até mais.
Fraise

Questão marcada como Resolvida.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos