× İletişim Formu Blogger CSS Modal 4 Sağlık ve Güzellik Önerileri 6/01/2017 Etiketler : Blogger CSS Blogger CSS3 Blogger Modal Sağlık ve Güzellik Önerileri <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');body{font-family:'Fira Sans Condensed',sans-serif;background-color:#ECF0F1;color:#444;margin:0 auto 0 auto} #target-content{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms} #target-content:target{pointer-events:all;opacity:1} #target-content #target-inner{position:absolute;display:block;padding:48px;line-height:1.8;width:70%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);box-shadow:0 12px 24px rgba(0,0,0,0.2);background:white;color:#34495E} #target-content #target-inner h2{margin-top:0} #target-content #target-inner code{font-weight:bold} #target-content a.close{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#34495E;opacity:0.5;-webkit-transition:opacity 200ms;transition:opacity 200ms} #target-content a.close:hover{opacity:0.4} #button{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);padding:16px 24px;border-radius:1px;text-decoration:none;font-size:24px;display:block;color:white;background-color:#34495E;text-align:center;font-weight:100;-webkit-transition:box-shadow 200ms;transition:box-shadow 200ms;border-radius:4px} #button:hover{box-shadow:0 12px 24px rgba(0,0,0,0.2)} </style> </head> <body> <a href="#target-content" id="button">CSS Modal Açmak İçin Tıkla</a> <div id="target-content"> <a href="#" class="close"></a> <div id="target-inner"> <h2>Blogger CSS Modal</h2> Bu sayfada, Ruby için Google API İstemci Kitaplığı'nı kullanarak Blogger API'sı kullanmaya başlama hakkında bilgi verilmektedir. Buna ek olarak, aşağıdaki dokümanlarla ilgilenebilirsiniz:<br> <code>href</code><br> <code>target</code><br> <code>href="#"</code> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger CSS Modal 4" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger CSS Modal 4 Sağlık ve Güzellik Önerileri 6/01/2017 Etiketler : Blogger CSS Blogger CSS3 Blogger Modal Sağlık ve Güzellik Önerileri <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');body{font-family:'Fira Sans Condensed',sans-serif;background-color:#ECF0F1;color:#444;margin:0 auto 0 auto} #target-content{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms} #target-content:target{pointer-events:all;opacity:1} #target-content #target-inner{position:absolute;display:block;padding:48px;line-height:1.8;width:70%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);box-shadow:0 12px 24px rgba(0,0,0,0.2);background:white;color:#34495E} #target-content #target-inner h2{margin-top:0} #target-content #target-inner code{font-weight:bold} #target-content a.close{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#34495E;opacity:0.5;-webkit-transition:opacity 200ms;transition:opacity 200ms} #target-content a.close:hover{opacity:0.4} #button{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);padding:16px 24px;border-radius:1px;text-decoration:none;font-size:24px;display:block;color:white;background-color:#34495E;text-align:center;font-weight:100;-webkit-transition:box-shadow 200ms;transition:box-shadow 200ms;border-radius:4px} #button:hover{box-shadow:0 12px 24px rgba(0,0,0,0.2)} </style> </head> <body> <a href="#target-content" id="button">CSS Modal Açmak İçin Tıkla</a> <div id="target-content"> <a href="#" class="close"></a> <div id="target-inner"> <h2>Blogger CSS Modal</h2> Bu sayfada, Ruby için Google API İstemci Kitaplığı'nı kullanarak Blogger API'sı kullanmaya başlama hakkında bilgi verilmektedir. Buna ek olarak, aşağıdaki dokümanlarla ilgilenebilirsiniz:<br> <code>href</code><br> <code>target</code><br> <code>href="#"</code> </div> </div> </body> </html>
Yorum Gönder