ayuda con codigo de publicidad

xXxGeneralxXx Seguir

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Ago 2008
Mensajes
692
buenas gente, tengo una duda, espero alguno sepa como es xD

estaba viendo unos codigos para publicidad, la cual en un determinado marco, llama un iframe y muestra una publicidad que cubre la pagina, se superpone y obliga a un click o esperar unos segundos....

el tema es que esta sirve para ventanas de 800x450, la publicidad, cartelito, etc queda bien posicionada en el centro de la ventana... pero no he podido adaptarla a ventanas mas pequeñas,

digamos 600x360 , etc... o sea, que parte tengo que tocar para adaptarlo a ventanitas mas pequeñas? o mas grandes......

yo probe tocando los 800x450 que ven ahi dentro, pero no sirve.... tambien toque los position:absolute, para cambiar el lugar mediante top, left, etc... pero siempre queda mal..... alguno sabria como se puede adaptar a una ventana mas pequeña?

650x400 por ejemplo


aqui comparto el codigo.


PHP:
<div id='sidebar-wrapper'><div class='widget HTML' id='HTML4'>
<div class='widget-content'> <div style="position:absolute; top:93px; left:242px; height:260px; height:260px; background-color:#FFFFFF; width:336px" id="floatLayer">
<center><iframe src="/publi.html" width=310 height=240 scrolling="no" frameborder="0"></iframe>
</center>
<div style="position: absolute; left: 255px; top: 24px; width: 41px; height: 20px;">
<span onMouseUp="document.getElementById('floatLayer').style.display='none'"><img src="x.png" alt="Cerrar" width="30" height="30"/></span></div>
</div><div style="position:absolute; width:800px; height:450px; z-index:1000; vertical-align:middle; opacity:0.60; filter:alpha(opacity=60); background-color:#333333; overflow:hidden; left: 10px; top: 16px;" align="center" id="adsdiv">
<table align="center" height="450" width="800" cellpadding="0" cellspacing="0" border="0">
<tr> <td align="center" valign="middle">
<center><iframe src="/publi.html" width=310 height=240 scrolling="no" frameborder="0"></iframe>
<center> <div> <div> <div align="center" style="color:#FFFFFF; font-family:verdana; font-size:8px; padding-bottom:6px;">
<p><b>Cargando video en <span id="closingtimer">30</span> Segundos.</b></p>
</div> <div align="center" style="color:#FFFFFF; font-family:verdana; font-size:13px; padding-bottom:8px;"> <span class="ababab">Si no quieres esperar presiona (Cerrar X).</span></div></div></div></center></center></td> </tr> </table> </div>
<script type='text/javascript'> 
  function closeMyAd() {
		document.getElementById("adsdiv").style.display = "none" ;
	}
 
	 var milisec=0 
	 var seconds=30 
	 			
	 function display(){ 
		 if (milisec<=0){ 
		    milisec=9 
		    seconds-=1 
		 } 
		 if (seconds<=-1){ 
		    milisec=0 
		    seconds+=1 
		 } 
		 else 
		    milisec-=1 
			
		  if( seconds > 0 ) {
		    document.getElementById( "closingtimer" ).innerHTML = seconds ;
		    setTimeout("display()",100) ;
		  }else{
			closeMyAd() ;		  }	} 
	
	if( document.getElementById( "closingtimer" ) )display() ;</script>
</div>
</div></div>
</div>


un saludo
 

KevinCastro

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Ene 2013
Mensajes
352
width = ancho
height = altura

no entendi qieres adaptar el iframe o el div contenedor :p8:
 

xXxGeneralxXx

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Ago 2008
Mensajes
692
no pero, yo probe editando varias veces los anchos y altos que alli salen.


como dije, solo en 800x450 sale la propaganda bien centrada y sin problemas..

pero al querer adaptarla a 650x400 por ejemplo, ya sale la propaganda en la misma posicion de 800x450, es decir que el baner sale casi que en la parte inferior derecha...


ya toque varias veces, varias partes de esos numeros... y nada :s




claro, lo que quiero es que a partir de ese codigo , que solo hara una publicidad al div o iframe que usare en una determinada pagina, muestra eso, solamente dentro del marco....
 

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
1.101
no pero, yo probe editando varias veces los anchos y altos que alli salen.


como dije, solo en 800x450 sale la propaganda bien centrada y sin problemas..

pero al querer adaptarla a 650x400 por ejemplo, ya sale la propaganda en la misma posicion de 800x450, es decir que el baner sale casi que en la parte inferior derecha...


ya toque varias veces, varias partes de esos numeros... y nada :s




claro, lo que quiero es que a partir de ese codigo , que solo hara una publicidad al div o iframe que usare en una determinada pagina, muestra eso, solamente dentro del marco....

no solo tenes ancho y alto, sino tmb TOP y LEFT esos son los que ubican en el centro o donde sea (las coordenadas) del objeto!...
 

foxmen01

Beta
SEO
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Oct 2013
Mensajes
34
no pero, yo probe editando varias veces los anchos y altos que alli salen.


como dije, solo en 800x450 sale la propaganda bien centrada y sin problemas..

pero al querer adaptarla a 650x400 por ejemplo, ya sale la propaganda en la misma posicion de 800x450, es decir que el baner sale casi que en la parte inferior derecha...


ya toque varias veces, varias partes de esos numeros... y nada :s




claro, lo que quiero es que a partir de ese codigo , que solo hara una publicidad al div o iframe que usare en una determinada pagina, muestra eso, solamente dentro del marco....

Plaga, cuando modificaste los valores 800x450 a 650x400 en donde lo hiciste? Porque aparentemente, lo tenes que modificar en 2 partes del código....
De todas formas, ayudaría muchísimo que hagas un printscreen del original y del modificado a ver como queda y vemos que mas hay que modificar para que quede perfecto! ;)
 

xXxGeneralxXx

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Ago 2008
Mensajes
692
hola, este era un codgio viejo que tenia en otro blog que justo borre y que no me acordaba que tenia xD

justamente lo busque por google y no sale algo parecido... pero sirve, es decir que muestra la propaganda y hace esperar a menos que clickeen o algo


yo probe tocandolo asi

PHP:
<div id='sidebar-wrapper'><div class='widget HTML' id='HTML4'> 
<div class='widget-content'> <div style="position:absolute; top:93px; left:242px; height:260px; height:260px; background-color:#FFFFFF; width:336px" id="floatLayer">
<center><iframe src="/publi.html" width=310 height=240 scrolling="no" frameborder="0"></iframe> 
</center> 
<div style="position: absolute; left: 150px; top: 10px; width: 41px; height: 20px;"> 
<span onMouseUp="document.getElementById('floatLayer').style.display='none'"><img src="x.png" alt="Cerrar" width="30" height="30"/></span></div> 
</div><div style="position:absolute; width:650px; height:400px; z-index:1000; vertical-align:middle; opacity:0.60; filter:alpha(opacity=60); background-color:#333333; overflow:hidden; left: 10px; top: 16px;" align="center" id="adsdiv"> 
<table align="center" height="400" width="650" cellpadding="0" cellspacing="0" border="0"> 
<tr> <td align="center" valign="middle"> 
<center><iframe src="/publi.html" width=310 height=240 scrolling="no" frameborder="0"></iframe> 
<center> <div> <div> <div align="center" style="color:#FFFFFF; font-family:verdana; font-size:8px; padding-bottom:6px;"> 
<p><b>Cargando video en <span id="closingtimer">30</span> Segundos.</b></p> 
</div> <div align="center" style="color:#FFFFFF; font-family:verdana; font-size:13px; padding-bottom:8px;"> <span class="ababab">Si no quieres esperar presiona (Cerrar X).</span></div></div></div></center></center></td> </tr> </table> </div> 
<script type='text/javascript'>  
  function closeMyAd() { 
        document.getElementById("adsdiv").style.display = "none" ; 
    } 
  
     var milisec=0  
     var seconds=30  
                  
     function display(){  
         if (milisec<=0){  
            milisec=9  
            seconds-=1  
         }  
         if (seconds<=-1){  
            milisec=0  
            seconds+=1  
         }  
         else  
            milisec-=1  
             
          if( seconds > 0 ) { 
            document.getElementById( "closingtimer" ).innerHTML = seconds ; 
            setTimeout("display()",100) ; 
          }else{ 
            closeMyAd() ;          }    }  
     
    if( document.getElementById( "closingtimer" ) )display() ;</script> 
</div> 
</div></div> 
</div>


notese que aparte de cambiar ese 800x450 las dos veces, tambien toque esto

PHP:
<div style="position: absolute; left: 150px; top: 10px; width: 41px; height: 20px;">

pero solo una de las publicidades se mueve, dejando el codigo de dos baner no superpuestos, sino que uno en una posicion diferente de la otra... y queda todo mal.... lo que yo quisiera es que ambos banners (son dos superpuestos) aparezcan en la misma posicion, pero de un marco 650x400 o alguna otra medida que sea necesaria


:s
 
Arriba