× İletişim Formu Blogger Sayfa Bulunamadı Eklentisi Arlina Design 8/04/2017 Etiketler : Blogger CSS Blogger HTML5 Arlina Design <!DOCTYPE html> <html> <head> <style type='text/css'> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');body{font-family:'Fira Sans Condensed',sans-serif;-webkit-font-smoothing:antialiased;margin:0 auto 0 auto} #error-pages{background:#232323;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;text-align:center;margin-bottom:50px;z-index:9999;left:0} #error-page{font-size:40px;top:30%;position:relative;color:#eee} #error-page a{color:#eee} #error-page a:hover{color:#fff} #error-page p{color:#eee;margin:70px 0 0} #error-page i{margin-left:10px} #error-page p.home-page{margin:40px 0 0} #error-page span{background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;position:relative;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px} #error-page span:hover{background:#d7401f;-webkit-animation:jelly .5s;color:#fff;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s} #error-page span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;position:absolute;pointer-events:none;margin-left:-7px} .back:active{background:#f53b3b;-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);color:#fff} .back:hover{background:#4c4c4c;color:#fff} .back{text-decoration:none;background:#5b5a5a;font-size:20px;font-weight:500;line-height:normal;color:#fff;padding:10px 20px;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out} @-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @media only screen and (max-width:640px){#error-page span{font-size:200%}#error-page a:hover{color:#fff}} </style> </head> <body> <div id='error-pages'> <div id='error-page'> <span>404</span> <p>SAYFA BULUNAMADI!</p> <p class='home-page'><a target='_blank' href='http://bloggereklentileri.blogspot.com.tr/2016/04/blogger-404-hata-sayfas-olusturma.html' class="back">ANA SAYFAYA DÖN</a></p> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Sayfa Bulunamadı Eklentisi" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Sayfa Bulunamadı Eklentisi Arlina Design 8/04/2017 Etiketler : Blogger CSS Blogger HTML5 Arlina Design <!DOCTYPE html> <html> <head> <style type='text/css'> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');body{font-family:'Fira Sans Condensed',sans-serif;-webkit-font-smoothing:antialiased;margin:0 auto 0 auto} #error-pages{background:#232323;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;text-align:center;margin-bottom:50px;z-index:9999;left:0} #error-page{font-size:40px;top:30%;position:relative;color:#eee} #error-page a{color:#eee} #error-page a:hover{color:#fff} #error-page p{color:#eee;margin:70px 0 0} #error-page i{margin-left:10px} #error-page p.home-page{margin:40px 0 0} #error-page span{background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;position:relative;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px} #error-page span:hover{background:#d7401f;-webkit-animation:jelly .5s;color:#fff;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s} #error-page span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;position:absolute;pointer-events:none;margin-left:-7px} .back:active{background:#f53b3b;-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);color:#fff} .back:hover{background:#4c4c4c;color:#fff} .back{text-decoration:none;background:#5b5a5a;font-size:20px;font-weight:500;line-height:normal;color:#fff;padding:10px 20px;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out} @-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @media only screen and (max-width:640px){#error-page span{font-size:200%}#error-page a:hover{color:#fff}} </style> </head> <body> <div id='error-pages'> <div id='error-page'> <span>404</span> <p>SAYFA BULUNAMADI!</p> <p class='home-page'><a target='_blank' href='http://bloggereklentileri.blogspot.com.tr/2016/04/blogger-404-hata-sayfas-olusturma.html' class="back">ANA SAYFAYA DÖN</a></p> </div> </div> </body> </html>
Yorum Gönder