07-12-2018, 06:40 AM
(16-06-2014, 01:15 PM)Sauron escribió: [ -> ]Si quieres bloquear un contenido para obligar al usuario a compartir tu web en las redes sociales como facebook, twitter o google plus, he hecho un ejemplo muy sencillo para realizar esta tarea y puedas usarla en cualquier web.
Por un lado tienes el CSS (dentro de <head>):
Código:<style>
#gatewaydiv
{
background-image:url("");
background-repeat:no-repeat;
width:500px;
height:100px;
padding:10px;
position:absolute;
display:none;
background-color:#0e0f0f;
border:solid 4px gray;
text-align:center;
font-family:arial;
font-weight:bold;
opacity:0.9;
padding:50px;
}
#gatewaydiv h1
{
font-size:35px;
color:#cc0000;
}
#gatewayMessage
{
font-size:18px;
}
#gatewayDimmer
{
background-color:#000000;
opacity:0.9;
filter: alpha(opacity = 50);
display:none;
position:absolute;
top:0;
}
</style>
El código HTML y JS necesario (dentro de <body>):
Esto lo puedes utilizar en landing page, tu plantilla de blogger o allá donde quieras poner el HTML bloqueador de contenido.
Bloquea el contenido que tengas escrito dentro de esta capa div:
Código:<div id='gatewayDimmer'>
</div>
Gracias por compartir, oye hermano, hasta ahora lo coloque y todo bien, bloquea el contenido, y aparece para compartir, clickear me gusta, twittear, pero a la hora de darle click en cualquier red social para compartir seguir etc, no da click a nada.
Si me podrías ayudar. te lo agradeceré un mundo.