× İletişim Formu Blogger Modal jQuery Sağlık ve Güzellik Önerileri 5/24/2017 Etiketler : Blogger jQuery Blogger Modal Sağlık ve Güzellik Önerileri <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto 0 auto;} a:link, a:visited:hover {color: #138be6;text-decoration: none;outline: none;transition: all 0.25s;} .info-wrapper{z-index:9;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)} .info-btn{background:rgba(0,0,0,0.03);cursor:pointer;text-transform:none;line-height:1.85;display:block;border:0;padding:5px;margin:0 5px 5px;white-space:nowrap;color:#a0a0a0;} a.info-close{position:absolute;right:20px;cursor:pointer;line-height:70px;margin:0 auto;color:rgba(0,0,0,0.2)} a.info-close:hover{color:rgba(0,0,0,0.6);} </style> </head> <body> <a href='javascript:void(0);' onclick='click_infobtn()' title='Bilgi Kutusu'>Bilgi Kutusu</a> <div class='info-wrapper' id='infoModal'> <a class='info-close' onclick='hideAndResetModal()'>Kapat</a> </div> <script type='text/javascript'> //<![CDATA[ function click_infobtn() {if (window.editor) {window.editor.save();}document.getElementById('infoModal').style.display = 'block';}window.onclick = function(event) {if (event.target == document.getElementById("infoModal")) {hideAndResetModal();}} function hideAndResetModal() {document.getElementById("infoModal").style.display = "none";} //]]> </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Modal jQuery" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Modal jQuery Sağlık ve Güzellik Önerileri 5/24/2017 Etiketler : Blogger jQuery Blogger Modal Sağlık ve Güzellik Önerileri <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto 0 auto;} a:link, a:visited:hover {color: #138be6;text-decoration: none;outline: none;transition: all 0.25s;} .info-wrapper{z-index:9;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)} .info-btn{background:rgba(0,0,0,0.03);cursor:pointer;text-transform:none;line-height:1.85;display:block;border:0;padding:5px;margin:0 5px 5px;white-space:nowrap;color:#a0a0a0;} a.info-close{position:absolute;right:20px;cursor:pointer;line-height:70px;margin:0 auto;color:rgba(0,0,0,0.2)} a.info-close:hover{color:rgba(0,0,0,0.6);} </style> </head> <body> <a href='javascript:void(0);' onclick='click_infobtn()' title='Bilgi Kutusu'>Bilgi Kutusu</a> <div class='info-wrapper' id='infoModal'> <a class='info-close' onclick='hideAndResetModal()'>Kapat</a> </div> <script type='text/javascript'> //<![CDATA[ function click_infobtn() {if (window.editor) {window.editor.save();}document.getElementById('infoModal').style.display = 'block';}window.onclick = function(event) {if (event.target == document.getElementById("infoModal")) {hideAndResetModal();}} function hideAndResetModal() {document.getElementById("infoModal").style.display = "none";} //]]> </script> </body> </html>
Yorum Gönder