Edição de Widget TS3

Detalhes da questão

Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá pessoal, adicionei em meu fórum um widget que mostra o meu servidor de team speak 3 em tempo real mas ele acabou ficando com um "zoom" muito grande ocultando algumas coisas, conforme imagem abaixo:



O código utilizado no widget é esse:

Código:


<span id="teamspeak_viewer" ></span> <script type="text/javascript" > (function() { document.getElementById("teamspeak_viewer").innerHTML = '<object type="text/html" data="http://core.vlew.com.br//modules/servers/teamspeak3/viewer.php?sid=911" ></object>'; })(); </script>

Alguem sabe como eu poderia diminuir esse "zoom"?

Olá!

Troque o código por este:

Código:

<span id="teamspeak_viewer" ></span> <div style="font-size: 9px;" id="ts3widget"><script type="text/javascript" > (function() { document.getElementById("teamspeak_viewer").innerHTML = '<object type="text/html" data="http://core.vlew.com.br//modules/servers/teamspeak3/viewer.php?sid=911" ></object>'; })(); </script></div>

Abraços.
Fraise

Oi Fraise, o código não apresentou alterações em relação ao anterior.

Troque por este:

Código:

<span id="teamspeak_viewer" ><script type="text/javascript" > (function() { document.getElementById("teamspeak_viewer").innerHTML = '<object type="text/html" data="http://core.vlew.com.br//modules/servers/teamspeak3/viewer.php?sid=911" ></object>'; })(); </script></span>

E adicione em sua CSS:

Código:

span#teamspeak_viewer { font-size: 9px; }

Abraços.

O código permanece resultando no mesmo efeito.

Resolvi apresentar o widget de outra forma, obrigado pela ajuda Fraise. Problema resolvido.