Kategori : CSS HTML

Sitenizde iletişim veya reklam ver gibi sayfalar var. Bu ikisi için de bir formunuz yok/yapmayı bilmiyorsunuz. O zaman size sosyal medyadan ulaşabilirler. Bu koddaki gerekli yerleri düzenleyerek sizde kendinize özel sosyal medya butonlarınızı yapın!

Önizleme

HTML Kodu

CSS Kodu

ul.ozgurgorgulu-sosyal{list-style:none;display:inline-block;margin:15px auto} ul.ozgurgorgulu-sosyal li{display:inline;float:left;background-repeat:no-repeat} ul.ozgurgorgulu-sosyal li a{display:block;width:48px;height:48px;padding-right:10px;position:relative;text-decoration:none} ul.ozgurgorgulu-sosyal li a strong{font:400 10px Arial;position:absolute;left:20px;top:-1px;color:#fff;z-index:9999;text-shadow:1px 1px 0 rgba(0,0,0,0.75);background-color:rgba(0,0,0,0.7);-moz-border-radius:3px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-border-radius:3px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.5);padding:3px} ul.ozgurgorgulu-sosyal li.ozgurgorgulu-facebook{ background-image:url(https://lh3.googleusercontent.com/-6enG7L_TDqs/UOBQhV1BITI/AAAAAAAAB_g/KNwlLJoY9DE/s48/sosyal_medya_v1_facebook.png)} ul.ozgurgorgulu-sosyal li.ozgurgorgulu-twitter{background-image:url(https://lh5.googleusercontent.com/-16yr31-AOL8/UOBQ3JiIJUI/AAAAAAAACAE/1LshRSlKxOs/s48/sosyal_medya_v1_twitter.png)} ul.ozgurgorgulu-sosyal li.ozgurgorgulu-googleplus{background-image:url(https://lh6.googleusercontent.com/-b4tzIiOqmxE/UOBQ3AlhE0I/AAAAAAAACAA/qplGHje4kco/s48/sosyal_medya_v1_google.png)} ul.ozgurgorgulu-sosyal li.ozgurgorgulu-youtube{background-image:url(https://lh6.googleusercontent.com/-ZKbFhQQdRWI/UOBQ3sJrGFI/AAAAAAAACAI/x24j3O9OglA/s48/sosyal_medya_v1_youtube.png)} ul.ozgurgorgulu-sosyal li.ozgurgorgulu-rss{background-image:url(https://lh6.googleusercontent.com/-PDJ9FmcFxM0/UOBQ3PN5yaI/AAAAAAAAB_8/h18y7Wwngww/s48/sosyal_medya_v1_rss.png)}

facebook, twitter, google+, youtube, rss, sosyal medya kodu, sosyal paylaşım

İletişim	İletişim
İletişim	İletişim
İletişim	İletişim

Sosyal Medya Butonları

Önizleme

HTML Kodu

CSS Kodu

Yorumlar

Yorum Yap !

REKLAM ALANI

KATEGORİLER

POPÜLER YAYINLAR

LİNKLER

IVIR ZIVIR

İÇERİK