Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

999ANDRE999

sobrepor imagem

Recommended Posts

999ANDRE999

Viva pessoal!

Tenho na minha página um widget de meteorologia dentro de um iframe. Acontece que no canto superior direito aparece o logotipo do provedor do widget, e neste sinte não é permitido "publicidade".

já que o widget tem fundo branco, a minha ideia era sobrepor nesse pedaço uma imagem em branco para tapar o logotipo. 

Alguém me sabe dizer como posso fazer isso?

Obrigado. :thumbsup:

Share this post


Link to post
Share on other sites
ribeiro55

O logotipo está lá por alguma razão. Podes vir a ter problemas legais.

De qualquer forma, basta-te fazer um pequeno jogo de CSS, por exemplo:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
        <style type="text/css">
			.wrapper {
				position: relative;
				width: 800px;
				height: 500px;
			} 
			
			.wrapper .coverup {
				position: absolute;
				width: 100px;
				height: 50px;
				z-index: 10;
				bottom: 5px;
				right: 5px;
				background-color: #fff;
			}
			
			.wrapper iframe {
				z-index: 5;
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<div class="coverup"></div>
			<iframe src="http://www.sergioribeiro.com"></iframe>
		</div>
	</body>
</html>

Poderá ser mais fácil remover o logotipo via JS se for um elemento no DOM.
Para isso já o tinhas de mostrar para se poder analisar.


Sérgio Ribeiro


"Great coders aren't born. They're compiled and released"
"Expert coders do not need a keyboard. They just throw magnets at the RAM chips"

Share this post


Link to post
Share on other sites
999ANDRE999

isto é uma página intranet. Ninguem externo à organização tem acesso a ela.

o meu iframe está assim:

<p class="style2">
        <iframe ID="tempo" runat="server" src="https://www.meteoblue.com/en/weather/widget/three/vila-real_portugal_2732438?geoloc=fixed&nocurrent=0&noforecast=0&days=7&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&layout=bright"
            frameborder="0" scrolling="YES" allowtransparency="true" sandbox="allow-scripts" style=" width: 805px; height: 621px"></iframe>
        <div>
            <!-- DO NOT REMOVE THIS LINK -->
            <a href="https://www.meteoblue.com/en/weather/forecast/week/vila-real_portugal_2732438?utm_source=weather_widget&utm_medium=linkus&utm_content=three&utm_campaign=Weather%2BWidget"
                target="_blank"></a></div>
</p>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.