titulo

hskhakjshkjsdfhf

 

 

 

var btnAbre = document.getElementById('abrir'); btnAbre.addEventListener('click', function() { // cuando agreges .visible al

del dialgo, se muestra la cosa. var dialog = document.getElementById('dialogo'); dialog.className = "visible"; }); var btnCierra = document.getElementById('cerrar'); btnCierra.addEventListener('click', function() { // cuando quitas .visible del
del dialgo, se vuelve a ocultar. var dialog = document.getElementById('dialogo'); dialog.className = ""; }); #dialogo { /* fijo, no importa el scroll */ position: fixed; background: white; /* tamaño */ width: 150px; height: 150px; /* centrado */ top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; /* invisible y arriba de todo */ display: none; z-index: 10; } #overlay { /* fijo, no importa el scroll */ position: fixed; /* ocupa todo lo visible */ top: 0; left: 0; right: 0; bottom: 0; /* semi transparente */ opacity: 0.5; background: black; /* invisible y arriba de todo, exceto el dialog */ display: none; z-index: 9; } /* cuando se agregue .visible, se muestra todo */ #dialogo.visible, #dialogo.visible ~ #overlay { display: block; } /* == desde aquí es lo agregado para posicionar el boton de cierre == */ #dialogo #cerrar { /* posicionado arriba a la derecha */ position: absolute; right: 0; top: 0; /* aspecto de boton plano */ background: white; border: none; } /* cuando el mouse este sobre el boton, se resalta la forma */ #dialogo #cerrar:hover { background: #EEE; }
Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
Muestra