[Resolvido] Gambiarra para Div de Widget

[Apenas Eu 13]

Ola!

Eu estou com um probleminha com meu widget que inclui no site.

 

É o seguinte:

 

O site que fornece o código da previsão do tempo, fornece um widget de 305px. Eu queria colocar ele no lado direito do meu site que tem 300px. Eu só queria tirar 5px do widget. Eu tentei fazer umas gambiarrinhas, incluindo um "style" ou "class" na div que o site fornece, mas não consegui diminuir o tamanho.

 

Eu fiz um outro improviso, fazendo um class com margem para a esquerda -2px. Ficou até mais ou menos. Só que ficou meio feinho.

 

Se derrepente alguém puder dar uma dica para "gambiarrar" melhor o sisteminha, ficarei muito agradecido.

 

obs.: Pelo site do widget, é impossível deixá-lo a 300px.

 

Site do widget: http://www.tempo.pt/widget/?gclid=CLHZ37mo5q4CFcee7QodZkv5fw

Meu site (ali descendo a rolagem: http://www.superdanilof1page.com.br/index.php

 

CSS da gambiarra

.abc2 {
width:300px; 
overflow:visible; 
max-width: 300px; 
margin-left:-3px;}

 

Codigo do widget

<div id="cont_c770d15293422241edfab1660c19e51d">
<span id="h_c770d15293422241edfab1660c19e51d"><a id="a_c770d15293422241edfab1660c19e51d" href="http://www.tempo.pt/melbourne.htm" target="_blank" style="color:#808080;font-family:2;font-size:14px;">Tempo Melbourne</a></span>
<script type="text/javascript" src="http://www.tempo.pt/wid_loader/c770d15293422241edfab1660c19e51d"></script></div>

 

obrigadiu :)

[NetBoy16 72]

tentou aplicar um width: -5px ?

[Apenas Eu 13]

tentou aplicar um width: -5px ?

Tentei após sua dica, mas não deu resultado

 

Coloquei um class nas duas divs que aparecem lá:

<div id="cont_c770d15293422241edfab1660c19e51d" class="abc2">
<span id="h_c770d15293422241edfab1660c19e51d" class="abc2"><a id="a_c770d15293422241edfab1660c19e51d" href="http://www.tempo.pt/melbourne.htm" target="_blank" style="color:#808080;font-family:2;font-size:14px;">Tempo Melbourne</a></span>
<script type="text/javascript" src="http://www.tempo.pt/wid_loader/c770d15293422241edfab1660c19e51d"></script></div>

o Margin -5px, foi o que mais disfarçou mesmo....

[Marrabel 20]

No gerador do código la tem um link:

 

 

Exemplo:

 
<script  type="text/javascript" src="http://www.tempo.pt/wid_loader/a62fcea80bdf669c2986f520fb104519"></script>

 

Aonde está o SRC, coloque o link no seu navegador, lá você irá ver um código parecido com este:

 

conte = document.getElementById('cont_a62fcea80bdf669c2986f520fb104519'); 					enlace = document.getElementById('h_a62fcea80bdf669c2986f520fb104519'); 					anchor = document.getElementById('a_a62fcea80bdf669c2986f520fb104519'); 					if (conte && enlace && anchor){ 						enlace.style.cssText = 'font-family:Helvetica;font-size:14px; height:19px; text-align:center; cursor:pointer; text-decoration:underline'; 						conte.style.cssText = 'text-align:center; width:249px; color:#808080; background-color:#FFFFFF; border:1px solid #BDBDBD;';  						elem = document.createElement('iframe'); 						elem.style.cssText = 'width:249px; color:#808080; height:205px;';  						elem.id = 'a62fcea80bdf669c2986f520fb104519'; 						elem.src = 'http://www.tempo.pt/getwid/a62fcea80bdf669c2986f520fb104519'; 						elem.frameBorder = 0; 						elem.allowTransparency = true; 						elem.scrolling = 'no'; 						elem.name = 'flipe'; 						elem.style.height = '205'; 						conte.appendChild(elem); 					}

 

Creio eu que o código aonde define o tamanho total do widget é aqui:

 

conte = document.getElementById('cont_a62fcea80bdf669c2986f520fb104519');conte.style.cssText = 'text-align:center; width:249px; color:#808080; background-color:#FFFFFF; border:1px solid #BDBDBD;';

 

Tenta colocar no seu CSS esse ID monstro:

 

#cont_a62fcea80bdf669c2986f520fb104519{
/*defina aqui as mudanças */
}

 

Ou você pode criar um arquivo .js copiando o código todo para editar manualmente no proprio arquivo JS.

 

Um deles deve funcionar.

 

Espero ter ajudado :thumbsup:

[Apenas Eu 13]

Ola!

Obrigado pela dica!

 

Eu cutuquei ali o arquivo js. dae deu certo. Minha unica preocupação era que, de as informações sobre o tempo não serem atualizadas corretamente.

 

Eu copiei o js. para a minha página e alterei ali o tamanho da div. No caso, via css, não deu certo, mesmo copiando aquele id louco lá.

 

 

Obrigadoss a todoss :thumbsup: :thumbsup: