Paste after the tag
<head>.
Código HTML:
<style type='text/css'>
.visible {display:block;}
.invisible {display:none;}
</style>
<script type='text/javascript'>
function plegardesplegar(identificacion){
var menu = document.getElementById(identificacion);
if(menu.className == "visible"){menu.className = "invisible"; }
else{ menu.className = "visible"; }
}
</script>
<style>
#ventana-flotante {
width: 400px; /* Ancho de la ventana */
height: 300px; /* Alto de la ventana */
background-color: rgb(0,0,255); opacity: 0; /* Color de fondo */
position: fixed;
top: 200px;
left: 50%;
margin-left: -180px;
border: 1px solid #FFFFFF; /* Borde de la ventana */
box-shadow: 0 5px 25px rgba(0,0,0,.1); /* Sombra */
z-index:999;
}
#ventana-flotante #contenedor {
padding: 25px 10px 10px 10px;
}
#ventana-flotante .cerrar {
float: right;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
color: #999;
background-color: rgb(0,0,255); opacity: 0;
line-height: 17px;
text-decoration: none;
padding: 0px 14px;
font-family: Arial;
border-radius: 0 0 0 5px;
box-shadow: -1px 1px white;
font-size: 18px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar: hidden {
background: #FFFFFF;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
}
#ventana-flotante #contenedor .contenido {
padding: 15px;
box-shadow: inset 1px 1px white;
background-color: rgb(0,0,255); opacity: 0; /* Fondo del mensaje */
border: 1px solid #9eff9e; /* Borde del mensaje */
font-size: 20px; /* Tamaño del texto del mensaje */
color: #555; /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-
opacity:0;visibility:hidden;}
</style>
second part
Place before </ body> tag.
<div class='invisible' id='capasuperpuesta'>
<div id='ventana-flotante'>
<a class='cerrar' href='javascript:void(0);' onclick='document.getElementById('ventana-flotante&apos
.className = 'oculto''>
X
</a>
<div id='contenedor'>
<div class='contenido'>
<center>
"mobidea code"
</center>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
window.load=setTimeout("plegardesplegar('capasuperpuesta')", 1000);
</script>
already tried everything else my code does not work, even putting opacity 100 the script does not show my floating ad
the body part would go in the head wordpress?
<head>.
Código HTML:
<style type='text/css'>
.visible {display:block;}
.invisible {display:none;}
</style>
<script type='text/javascript'>
function plegardesplegar(identificacion){
var menu = document.getElementById(identificacion);
if(menu.className == "visible"){menu.className = "invisible"; }
else{ menu.className = "visible"; }
}
</script>
<style>
#ventana-flotante {
width: 400px; /* Ancho de la ventana */
height: 300px; /* Alto de la ventana */
background-color: rgb(0,0,255); opacity: 0; /* Color de fondo */
position: fixed;
top: 200px;
left: 50%;
margin-left: -180px;
border: 1px solid #FFFFFF; /* Borde de la ventana */
box-shadow: 0 5px 25px rgba(0,0,0,.1); /* Sombra */
z-index:999;
}
#ventana-flotante #contenedor {
padding: 25px 10px 10px 10px;
}
#ventana-flotante .cerrar {
float: right;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
color: #999;
background-color: rgb(0,0,255); opacity: 0;
line-height: 17px;
text-decoration: none;
padding: 0px 14px;
font-family: Arial;
border-radius: 0 0 0 5px;
box-shadow: -1px 1px white;
font-size: 18px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar: hidden {
background: #FFFFFF;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
}
#ventana-flotante #contenedor .contenido {
padding: 15px;
box-shadow: inset 1px 1px white;
background-color: rgb(0,0,255); opacity: 0; /* Fondo del mensaje */
border: 1px solid #9eff9e; /* Borde del mensaje */
font-size: 20px; /* Tamaño del texto del mensaje */
color: #555; /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-
opacity:0;visibility:hidden;}
</style>
second part
Place before </ body> tag.
<div class='invisible' id='capasuperpuesta'>
<div id='ventana-flotante'>
<a class='cerrar' href='javascript:void(0);' onclick='document.getElementById('ventana-flotante&apos
.className = 'oculto''>X
</a>
<div id='contenedor'>
<div class='contenido'>
<center>
"mobidea code"
</center>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
window.load=setTimeout("plegardesplegar('capasuperpuesta')", 1000);
</script>
already tried everything else my code does not work, even putting opacity 100 the script does not show my floating ad
the body part would go in the head wordpress?
