Publicidad flotante (WordPress) usuarios no registrados

closeHola! hace 6 years 10 months 2 days que escrib铆 esta entrada, puede que esta informaci贸n ya no sea valida en la actualidad, por favor se comprensivo conmigo cuando comentes 馃檪

Si queremos agregar publicidad flotante (popup) en nuestro sitio web para usuarios no registrados (Como esta pagina), el siguiente ejemplo contiene lineas en css3 y esta adaptado a wordpress sin necesidad de usar un plugin, con algunas modificaciones podemos agregarlo a nuestro sitio web sin importar que no este desarrollado con WP.

Editamos nuestro style.css y agregamos el siguiente聽c贸digo:

.mensaje2{
font-size:10px;
}
#fonodx{
 
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #000;
  	filter:alpha(opacity=70);
  	-moz-opacity:  0.7;
  	opacity: 0.7;
	z-index:9999;
	}
#centrado{
position:fixed;
margin-left:30%;
margin-top:20%;
width:300px;
height:280px;
 
background-color:#ffffff;
border:1px solid #CCCCCC;
   box-shadow: 5px 5px 15px #333;
   -webkit-box-shadow: 5px 5px 15px #333;
   -moz-box-shadow: 5px 5px 15px #333;
z-index:999999;
}
#centrado input{
font-size:10px;
margin:0px;
padding:0px;
}

Ahora agregamos en nuestro body (preferiblemente en el inicio del body) el siguiente聽c贸digo:

<?php
	if (!$user_ID){
?>
<div id="fonodx" onclick="document.getElementById('fonodx').style.display='none'"></div>
<div id="centrado">
<center>
 <script type="text/javascript">
 
<!-- AQU脥 C脫DIGO ADSENSE DE NUESTRA PUBLICIDAD -->
 
</script>
<input type="button" value="cerrar" onclick="document.getElementById('fonodx').style.display='none';document.getElementById('centrado').style.display='none'">| <spam class="mensaje2">Los usuarios <a href="http://midominio.com/wp-admin">Registrados</a> no ven la publicidad  </spam>
</center>
</div>
 
<?php
}
?>

El inicio del body lo encontramos en nuestro header.php

You may also like...

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *