× İletişim Formu Bağlantı Butonları Arlina Design 10/03/2017 Etiketler : Blogger Buton Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Oswald|Roboto'); body {font-family:'Roboto',sans-serif;} .link-button{font-weight:normal;font-size:16px;color:#fff;width:100%;max-width:350px;height:90%;margin:10px auto;text-align:center;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:41px;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 1px 1px rgba(255,255,255,0.35) inset,0px 1px 1px rgba(0,0,0,0.3)} .link-black {background:#333;} .link-red {background:#f44336;} .link-pink {background:#e91e63} .link-purple {background:#9c27b0} .link-deep-purple {background:#673ab7} .link-indigo {background:#3f51b5} .link-blue {background:#2196f3} .link-light-blue {background:#03a9f4} .link-cyan {background:#00bcd4} .link-teal {background:#009688} .link-green {background:#4caf50} .link-light-green {background:#8bc34a} .link-lime {background:#cddc39} .link-yellow {background:#ffeb3b} .link-amber {background:#ffc107} .link-orange {background:#ff9800} .link-deep-orange {background:#ff5722} .link-brown {background:#795548} .link-grey {background:#9e9e9e} .link-blue-grey {background:#607d8b} .link-button:hover {background:#fff;color:#222} </style> </head> <body> <a class="link-button link-red" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-pink" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-purple" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-deep-purple" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-indigo" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-blue" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-light-blue" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-cyan" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-teal" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-green" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-light-green" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-lime" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-yellow" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-amber" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-orange" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-deep-orange" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-brown" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-grey" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-blue-grey" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-black" href="#" target="_blank">Bağlantı Butonu</a> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Bağlantı Butonları" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Bağlantı Butonları Arlina Design 10/03/2017 Etiketler : Blogger Buton Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Oswald|Roboto'); body {font-family:'Roboto',sans-serif;} .link-button{font-weight:normal;font-size:16px;color:#fff;width:100%;max-width:350px;height:90%;margin:10px auto;text-align:center;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:41px;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 1px 1px rgba(255,255,255,0.35) inset,0px 1px 1px rgba(0,0,0,0.3)} .link-black {background:#333;} .link-red {background:#f44336;} .link-pink {background:#e91e63} .link-purple {background:#9c27b0} .link-deep-purple {background:#673ab7} .link-indigo {background:#3f51b5} .link-blue {background:#2196f3} .link-light-blue {background:#03a9f4} .link-cyan {background:#00bcd4} .link-teal {background:#009688} .link-green {background:#4caf50} .link-light-green {background:#8bc34a} .link-lime {background:#cddc39} .link-yellow {background:#ffeb3b} .link-amber {background:#ffc107} .link-orange {background:#ff9800} .link-deep-orange {background:#ff5722} .link-brown {background:#795548} .link-grey {background:#9e9e9e} .link-blue-grey {background:#607d8b} .link-button:hover {background:#fff;color:#222} </style> </head> <body> <a class="link-button link-red" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-pink" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-purple" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-deep-purple" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-indigo" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-blue" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-light-blue" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-cyan" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-teal" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-green" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-light-green" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-lime" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-yellow" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-amber" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-orange" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-deep-orange" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-brown" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-grey" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-blue-grey" href="#" target="_blank">Bağlantı Butonu</a> <a class="link-button link-black" href="#" target="_blank">Bağlantı Butonu</a> </body> </html>
Yorum Gönder