Kod Bul | HTML Kodları | HTML Kodları

HTML Kodları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

17 Haziran 2013

Sosyal Paylaşım ikonları - Bu İkonlar Harika

Bir Birinden Harika Sosyal Paylaşım Sitesi İkonları Bu ikonları Çok Seveceksiniz.

<link type='text/css' rel='stylesheet' href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css' />
<a href="http://twitter.com/KullanıcıAdı" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
<a href="http://facebook.com/KullanıcıAdı" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
<a href="http://plus.google.com/KullanıcıAdı" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
<STYLE TYPE="text/css">.icon-button {background-color: white; border-radius: 3.6rem; cursor: pointer; display: inline-block; font-size: 2.0rem; height: 3.6rem; line-height: 3.6rem; margin: 0 5px; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.6rem; } .icon-button span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; } .icon-button:hover span {width: 3.6rem; height: 3.6rem; border-radius: 3.6rem; margin: -1.8rem; } .twitter span {background-color: #4099ff; } .facebook span {background-color: #3B5998; } .google-plus span {background-color: #db5a3c; } /* Icons */ .icon-button i {background: none; color: white; height: 3.6rem; left: 0; line-height: 3.6rem; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3.6rem; z-index: 10; } .icon-button .icon-twitter {color: #4099ff; } .icon-button .icon-facebook {color: #3B5998; } .icon-button .icon-google-plus {color: #db5a3c; } .icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {color: white; }</STYLE>

08 Ocak 2012

Sitene Google Arama Motoru Ekle

Bu küçük arama aracı sayesinde ziyaretçilerinizin direkt google'da arama yapmalarını sağlayabilirsiniz.

05 Ocak 2012

Sitene Facebook Tarzı Bilgi - Hata - İşlem Mesajı!

Bu, site içinde açılan pencereler size çok tanıdık gelecek! Facebookdaki uyarı kutularının , uyarı mesajlarının kullanıcıya gösterildiği kutucukları artık sitenize ekleyebileceksiniz!

04 Ocak 2012

Yukarı Çık Kodu | İlk Bizde

Yukarı Çık Çapası Kullanıcıların Uğraşmadan yukarı Çıkmasını Sağlar.

Önizleme İçin Aşağıya İniniz.

Pages

Kod Bul | HTML Kodları