× İletişim Formu Blogger Sitelerine ICON Ekleme ve Kullanma Arlina Design 12/02/2017 Etiketler : CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css'); body {font-family: 'Fira Sans Condensed', sans-serif} .icon-responsive,.icon-style{padding:20px;text-align:center} .icon-style{border: 1px solid #ddd;border-radius: 3px;text-align: center;padding: 30px;} .icon-style span{padding:20px} .style1{font-size:50px;color:#B8D30B} .style2{font-size:50px;color:#2DAEBF;text-shadow:0 1px 0 #0092b3,0px 2px 0 #0087a6,0px 3px 0 #008099,0px 4px 0 #00758c,0px 5px 0 #555,0px 6px 0 #006a80,0px 0 0 #006073,0px 8px 7px #005566} .style4{font-size:50px;text-shadow:0 1px 3px rgba(0,0,0,0.25);color:#A9014B} .style3{font-size:50px;color:#E33100;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #E33100,0 0 30px #E33100,0 0 40px #E33100,0 0 50px #E33100,0 0 75px #E33100} .style5{font-size:50px;color:rgba(245,159,26,0.8);text-shadow:1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF} </style> </head> <body> <center><p>Normal icon kullanımı örnekleri</p></center> <div class="icon-responsive"> <span><i class="fa fa-heart"></i></span> <span><i class="fa fa-refresh"></i></span> <span><i class="fa fa-bullseye"></i></span> <span><i class="fa fa-file-text"></i></span> <span><i class="fa fa-sun-o"></i></span> </div> <center><p>CSS ile yeniden tasarlanmış olan icon kullanımı örnekleri</p></center> <div class="icon-style"> <span><i class="fa fa-heart style3"></i></span> <span><i class="fa fa-refresh style1"></i></span> <span><i class="fa fa-bullseye style4"></i></span> <span><i class="fa fa-file-text style2"></i></span> <span><i class="fa fa-sun-o style5"></i></span> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Sitelerine ICON Ekleme ve Kullanma" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Sitelerine ICON Ekleme ve Kullanma Arlina Design 12/02/2017 Etiketler : CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css'); body {font-family: 'Fira Sans Condensed', sans-serif} .icon-responsive,.icon-style{padding:20px;text-align:center} .icon-style{border: 1px solid #ddd;border-radius: 3px;text-align: center;padding: 30px;} .icon-style span{padding:20px} .style1{font-size:50px;color:#B8D30B} .style2{font-size:50px;color:#2DAEBF;text-shadow:0 1px 0 #0092b3,0px 2px 0 #0087a6,0px 3px 0 #008099,0px 4px 0 #00758c,0px 5px 0 #555,0px 6px 0 #006a80,0px 0 0 #006073,0px 8px 7px #005566} .style4{font-size:50px;text-shadow:0 1px 3px rgba(0,0,0,0.25);color:#A9014B} .style3{font-size:50px;color:#E33100;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #E33100,0 0 30px #E33100,0 0 40px #E33100,0 0 50px #E33100,0 0 75px #E33100} .style5{font-size:50px;color:rgba(245,159,26,0.8);text-shadow:1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF} </style> </head> <body> <center><p>Normal icon kullanımı örnekleri</p></center> <div class="icon-responsive"> <span><i class="fa fa-heart"></i></span> <span><i class="fa fa-refresh"></i></span> <span><i class="fa fa-bullseye"></i></span> <span><i class="fa fa-file-text"></i></span> <span><i class="fa fa-sun-o"></i></span> </div> <center><p>CSS ile yeniden tasarlanmış olan icon kullanımı örnekleri</p></center> <div class="icon-style"> <span><i class="fa fa-heart style3"></i></span> <span><i class="fa fa-refresh style1"></i></span> <span><i class="fa fa-bullseye style4"></i></span> <span><i class="fa fa-file-text style2"></i></span> <span><i class="fa fa-sun-o style5"></i></span> </div> </body> </html>
Yorum Gönder