× İletişim Formu Blogger 404 Sayfa Bulunamadı Eklentisi Arlina Design 5/22/2017 Etiketler : Blogger 404 Blogger CSS Arlina Design <!DOCTYPE html><html> <meta charset='UTF-8'><meta name="robots" content="noindex"> <head> <style type="text/css"> *,*:after,*:before{box-sizing:border-box} html{background:#1A1A1A;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;overflow:hidden;color:#1A1A1A} html:after,html:before{content:'404';position:absolute;font-size:100px;left:0;right:0;text-align:center;bottom:340px;font-weight:600;z-index:200} html:before{content:'Sayfa bulunamadı!';font-size:22px;font-weight:400;bottom:330px} head{display:block;width:35px;height:140px;background:#646464;border-bottom:10px solid #333;margin:auto;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:5s find linear infinite;animation:5s find linear infinite;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:absolute;left:0;right:0;bottom:-5px} head:after{content:'';position:absolute;border-style:solid;border-width:25px 25px 0 25px;border-color:#333 transparent transparent transparent;width:85px;left:-25px;top:0;box-shadow:0 -10px 0 #FEAF33} head:before{content:'';position:absolute;width:8px;height:15px;background:#FEAF33;left:0;right:0;margin:auto;top:40px;border-radius:6px;box-shadow:0 0 1px 2px #333} meta{display:block;width:250px;height:200px;background:#FFFEE2;border-radius:50%;position:absolute;left:-107px;bottom:270px;margin:auto;text-align:center;color:#333;font-size:90px;line-height:200px;font-weight:600} meta:after{content:'';position:absolute;border-style:solid;border-width:190px 75px 0 75px;border-color:rgba(255,254,226,0.3) transparent transparent transparent;width:230px;left:10px;top:100%;-webkit-transform:translateY(-60px);transform:translateY(-60px)} @-webkit-keyframes find{25%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}} @keyframes find{25%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}} </style> </head> <body> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger 404 Sayfa Bulunamadı Eklentisi" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger 404 Sayfa Bulunamadı Eklentisi Arlina Design 5/22/2017 Etiketler : Blogger 404 Blogger CSS Arlina Design <!DOCTYPE html><html> <meta charset='UTF-8'><meta name="robots" content="noindex"> <head> <style type="text/css"> *,*:after,*:before{box-sizing:border-box} html{background:#1A1A1A;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;overflow:hidden;color:#1A1A1A} html:after,html:before{content:'404';position:absolute;font-size:100px;left:0;right:0;text-align:center;bottom:340px;font-weight:600;z-index:200} html:before{content:'Sayfa bulunamadı!';font-size:22px;font-weight:400;bottom:330px} head{display:block;width:35px;height:140px;background:#646464;border-bottom:10px solid #333;margin:auto;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:5s find linear infinite;animation:5s find linear infinite;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:absolute;left:0;right:0;bottom:-5px} head:after{content:'';position:absolute;border-style:solid;border-width:25px 25px 0 25px;border-color:#333 transparent transparent transparent;width:85px;left:-25px;top:0;box-shadow:0 -10px 0 #FEAF33} head:before{content:'';position:absolute;width:8px;height:15px;background:#FEAF33;left:0;right:0;margin:auto;top:40px;border-radius:6px;box-shadow:0 0 1px 2px #333} meta{display:block;width:250px;height:200px;background:#FFFEE2;border-radius:50%;position:absolute;left:-107px;bottom:270px;margin:auto;text-align:center;color:#333;font-size:90px;line-height:200px;font-weight:600} meta:after{content:'';position:absolute;border-style:solid;border-width:190px 75px 0 75px;border-color:rgba(255,254,226,0.3) transparent transparent transparent;width:230px;left:10px;top:100%;-webkit-transform:translateY(-60px);transform:translateY(-60px)} @-webkit-keyframes find{25%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}} @keyframes find{25%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}} </style> </head> <body> </body> </html>
Yorum Gönder