
xaiborweb
Programador
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
HOLA COMPAÑEROS DEL FORO
Bueno como estuve buscando un muy buen rato un código que me permitiera implementar publicidad en frente de cualquier reproductor con una pestaña de cerrar que cambiara de posición al pasar el maus
y como me resulto muy difícil encontrarlo ya que por mas que buscaba y preguntaba no lo conseguía solo hasta que me arme de coraje y empece a tirar código de lo que se de programación y vi que al igual que yo hay mucha gente buscando algo parecido
pues aquí va
1) html donde quieres que aparesca el reproductor con la publicidad
2) css
bueno espero les sirva cualquier duda comenten saludos 🙂
Bueno como estuve buscando un muy buen rato un código que me permitiera implementar publicidad en frente de cualquier reproductor con una pestaña de cerrar que cambiara de posición al pasar el maus
y como me resulto muy difícil encontrarlo ya que por mas que buscaba y preguntaba no lo conseguía solo hasta que me arme de coraje y empece a tirar código de lo que se de programación y vi que al igual que yo hay mucha gente buscando algo parecido
pues aquí va
1) html donde quieres que aparesca el reproductor con la publicidad
HTML:
<div>
<div id="publicidad-video">
<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
<br>
<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
</div>
<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
</div>
</div>
<iframe src="http://vk.com/video_ext.php?oid=198057043&id=164294950&hash=ca0131ef7fe7b297&hd=1" width="610" height="300" frameborder="0"></iframe>
</div>
2) css
HTML:
#publicidad-video{
position: absolute;
z-index: 1;
width: 300px;
height: 250px;
margin: 20px 0px 0px 160px;
}
.jbtn {
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}
.jbtn:hover {
background: #F00;
}
bueno espero les sirva cualquier duda comenten saludos 🙂
Última edición: