bilgi1453

icon

DAHA FAZLASI İÇİN www.Salihtoy.com
Sosyal İkon Seti

Forumlarda 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ış. Ben set üzerinde biraz oynadım hem BedavaSitem hemde WordPress için kullanabileceksiniz. Ayrıca .Psd formatında isteyenlerde varsa konuyu incelesinler.

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>

.Psd İndir