sosyal-ag-ikon-seti
Bugün dolanırken rastladığım güzel bir sosyal ağ icon seti. Bu set Css ile hazırlanmış. Bizim standart bildiğimiz Sosyal Ağ iconları ile değil, iki farklı arayüzü ile yapılmış. Hem BedavaSitem hemde WordPress için kullanabileceksiniz.
BedavaSitem;
Bu seti BedavaSitem de kullanmak için, aşağıdaki iki maddeyi sırasıyla yapın.
1. Vereceğim uzantıyı ” <link rel=”stylesheet” type=”text/css” media=”all” href=”http://www.fileden.com/files/2012/8/2/3332732/sosyal.css” /> ” Uzantısını “TasarımÜst” de, yazının en üstüne yerleştirin.
2. Sosyal Ağ ları sitenizin neresinde göstermek istiyorsanız,
<span><a href=”#” title=”twitter”>twitter</a></span>
<span><a href=”#” title=”facebook”>facebook</a></span>
<span><a href=”#” title=”gplus”>gplus</a></span>
<span><a href=”#” title=”linkedin”>linkedin</a></span>
<span><a href=”#” title=”flickr”>flickr</a></span>
<span><a href=”#” title=”digg”>digg</a></span>
<span><a href=”#” title=”forrst”>forrst</a></span>
<span><a href=”#” title=”github”>github</a></span>
<span><a href=”#” title=”zerply”>zerply</a></span>
<span><a href=”#” title=”pinterest”>pinterest</a></span>
<span><a href=”#” title=”stumbleupon”>stumbleupon</a></span>
<span><a href=”#” title=”rss”>rss</a></span>
<span><a href=”#” title=”dribbble”>dribbble</a></span>
<span><a href=”#” title=”delicious”>delicious</a></span>
<span><a href=”#” title=”foursquare”>foursquare</a></span>
<span><a href=”#” title=”reddit”>reddit</a></span>
<span><a href=”#” title=”vimeo”>vimeo</a></span>
<span><a href=”#” title=”yelp”>yelp</a></span>
<span><a href=”#” title=”gowalla”>gowalla</a></span>
<span><a href=”#” title=”youtube”>youtube</a></span>
</div>
WordPress;
Bu seti WordPress de kullanmak için, aşağıdaki iki maddeyi sırasıyla yapın.
1. Vereceğim uzantıyı ” <link rel=”stylesheet” type=”text/css” media=”all” href=”http://www.fileden.com/files/2012/8/2/3332732/sosyal.css” /> ” WordPress temanızın Header.php içinde yazının üstüne yerleştirin.
2. Sosyal Ağ ları sitenizin neresinde göstermek istiyorsanız,
<span><a href=”#” title=”twitter”>twitter</a></span>
<span><a href=”#” title=”facebook”>facebook</a></span>
<span><a href=”#” title=”gplus”>gplus</a></span>
<span><a href=”#” title=”linkedin”>linkedin</a></span>
<span><a href=”#” title=”flickr”>flickr</a></span>
<span><a href=”#” title=”digg”>digg</a></span>
<span><a href=”#” title=”forrst”>forrst</a></span>
<span><a href=”#” title=”github”>github</a></span>
<span><a href=”#” title=”zerply”>zerply</a></span>
<span><a href=”#” title=”pinterest”>pinterest</a></span>
<span><a href=”#” title=”stumbleupon”>stumbleupon</a></span>
<span><a href=”#” title=”rss”>rss</a></span>
<span><a href=”#” title=”dribbble”>dribbble</a></span>
<span><a href=”#” title=”delicious”>delicious</a></span>
<span><a href=”#” title=”foursquare”>foursquare</a></span>
<span><a href=”#” title=”reddit”>reddit</a></span>
<span><a href=”#” title=”vimeo”>vimeo</a></span>
<span><a href=”#” title=”yelp”>yelp</a></span>
<span><a href=”#” title=”gowalla”>gowalla</a></span>
<span><a href=”#” title=”youtube”>youtube</a></span>
</div>
Kaynak
İlginizi Çekebilecek Diğer Yazılar
