× İletişim Formu Blog Slayt Buton Eklentisi Arlina Design 3/24/2017 Etiketler : Blogger Buton Arlina Design <!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; -webkit-font-smoothing: antialiased; margin: 30vh auto 0 auto; } #wrap { margin: 20px auto; text-align: center; } a.btn { display: inline-block; position: relative; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 700; background: #30abd5; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn:hover { background:#30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn:active { color: #05555e; box-shadow: inset 0px -50px 0px #f5f7fa; } a.btn.warn { background: #f5f7fa; color: #05555e; box-shadow: inset 0 0 0 #30abd5; } a.btn.warn:hover { background: #f5f7fa; color: #fff; box-shadow: inset 0px -50px 0px #30abd5; } a.btn.warn:active { color: #fff; box-shadow: inset 0px -50px 0px #30abd5; } 0px -50px 0px #30abd5; } </style> </head> <body> <div id="wrap"><a class="btn" href="http://bloggereklentileri.blogspot.com/2016/03/blog-slayt-buton-eklentisi.html">Buton</a></div> <div id="wrap"><a class="btn warn" href="http://bloggereklentileri.blogspot.com/2016/03/blog-slayt-buton-eklentisi.html">Buton</a></div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blog Slayt Buton Eklentisi" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blog Slayt Buton Eklentisi Arlina Design 3/24/2017 Etiketler : Blogger Buton Arlina Design <!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; -webkit-font-smoothing: antialiased; margin: 30vh auto 0 auto; } #wrap { margin: 20px auto; text-align: center; } a.btn { display: inline-block; position: relative; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 700; background: #30abd5; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn:hover { background:#30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn:active { color: #05555e; box-shadow: inset 0px -50px 0px #f5f7fa; } a.btn.warn { background: #f5f7fa; color: #05555e; box-shadow: inset 0 0 0 #30abd5; } a.btn.warn:hover { background: #f5f7fa; color: #fff; box-shadow: inset 0px -50px 0px #30abd5; } a.btn.warn:active { color: #fff; box-shadow: inset 0px -50px 0px #30abd5; } 0px -50px 0px #30abd5; } </style> </head> <body> <div id="wrap"><a class="btn" href="http://bloggereklentileri.blogspot.com/2016/03/blog-slayt-buton-eklentisi.html">Buton</a></div> <div id="wrap"><a class="btn warn" href="http://bloggereklentileri.blogspot.com/2016/03/blog-slayt-buton-eklentisi.html">Buton</a></div> </body> </html>
Yorum Gönder