× İletişim Formu Blogger Online WhatSapp ve SMS Butonu Arlina Design 6/08/2017 Etiketler : Blogger Buton Blogger CSS Blogger Mobil Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css'); body {font-family:'Roboto Condensed',sans-serif;margin:20px;} /*<![CDATA[*/ .mobile-btn{padding:10px 16px;margin:0;font-size:16px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}.mobile-btn:active:focus,.mobile-btn:focus{outline:0}.mobile-btn:focus,.mobile-btn:hover{color:#333;text-decoration:none;outline:0}.mobile-btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.mobile-btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.mobile-btn-purple{background:#558B2F;border-bottom:2px solid #33691E;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#fff;}.mobile-btn-purple:active,.mobile-btn-purple:focus,.mobile-btn-purple:hover{background:#689F38;color:#fff}#mobile_shop{margin-top:30px;background:#fff3e0;padding:15px 15px 5px;border-radius:3px!important;}#mobileshop:target{display:block;margin-top:-80px;height:80px;visibility:hidden}#mobile_shop h4{font-size:16px;font-weight:600;color:#444;margin:0;line-height:1}#mobile_shop p{font-size:14px;font-weight:400;display:block;margin:10px 0;line-height:1.2}#mobile_shop a{margin-bottom:10px;margin-right:10px} .mobile-btn i{font-size:24px;vertical-align:text-bottom;} /*]]>*/ </style> </head> <body> <div id='mobile_shop'> <span id='mobileshop'/> <h4>Mobil Alış-Veriş Whatsapp ve SMS Butonu</h4> <p>Açıklama</p> <a class='mobile-btn mobile-btn-purple mobile-btn-lg' href='#'><i class="fa fa-whatsapp"></i> Whatsapp</a> <a class='mobile-btn mobile-btn-purple mobile-btn-lg' href='#'><i class="fa fa-mobile"></i> SMS</a> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Online WhatSapp ve SMS Butonu" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Online WhatSapp ve SMS Butonu Arlina Design 6/08/2017 Etiketler : Blogger Buton Blogger CSS Blogger Mobil Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css'); body {font-family:'Roboto Condensed',sans-serif;margin:20px;} /*<![CDATA[*/ .mobile-btn{padding:10px 16px;margin:0;font-size:16px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}.mobile-btn:active:focus,.mobile-btn:focus{outline:0}.mobile-btn:focus,.mobile-btn:hover{color:#333;text-decoration:none;outline:0}.mobile-btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.mobile-btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.mobile-btn-purple{background:#558B2F;border-bottom:2px solid #33691E;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#fff;}.mobile-btn-purple:active,.mobile-btn-purple:focus,.mobile-btn-purple:hover{background:#689F38;color:#fff}#mobile_shop{margin-top:30px;background:#fff3e0;padding:15px 15px 5px;border-radius:3px!important;}#mobileshop:target{display:block;margin-top:-80px;height:80px;visibility:hidden}#mobile_shop h4{font-size:16px;font-weight:600;color:#444;margin:0;line-height:1}#mobile_shop p{font-size:14px;font-weight:400;display:block;margin:10px 0;line-height:1.2}#mobile_shop a{margin-bottom:10px;margin-right:10px} .mobile-btn i{font-size:24px;vertical-align:text-bottom;} /*]]>*/ </style> </head> <body> <div id='mobile_shop'> <span id='mobileshop'/> <h4>Mobil Alış-Veriş Whatsapp ve SMS Butonu</h4> <p>Açıklama</p> <a class='mobile-btn mobile-btn-purple mobile-btn-lg' href='#'><i class="fa fa-whatsapp"></i> Whatsapp</a> <a class='mobile-btn mobile-btn-purple mobile-btn-lg' href='#'><i class="fa fa-mobile"></i> SMS</a> </div> </body> </html>
Yorum Gönder