• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

Sosyal Medya Takipçi Sayaç .PSD

Konuyu Okuyan Kişiler (0)

Mamba

webmaster.tc
Katılım
7 Ağu 2012
Mesajlar
159
Beğeniler
0
#1
Merhaba arkadaşlar,

Sosyal medyanın günümüzde ki öneminin eminim ki herkes farkındadır. Ancak bunları göz önüne serebilmek ve sitemizi ziyaret eden bilinçli kullanıcılara popülerliğimizi göstermenin ana konusu takipçiler ve Sosyal Medya kullanıcılarının bize olan takipleridir.

Bunu göz önüne alarak çizdiğim Facebook, Twitter, Friendfeed ve RSS takipçi ve abone sayacını sizlerle paylaşıyorum.
Css’e dökecek ve kullanılabilir bir hale getirecek bir babayiğit elbet çıkar.

İlgili materyalin görsel hali;



Versiyon; 2



Kaynak; Sosyal Medya Takipçi Sayaç (.PSD) İndir


Sağolsun bir abim CSS'e dökmüş, PSD işine yaramış benimle paylaştı. Ben de sizinle paylaşıyorum.
İconlar eklenmemiş CSS'e sizler PSD'den iconları alıp entegre edebilirsiniz. :)



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>CSS Döküm</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="SERKAN TOGAL" />
<style type="text/css">

*{margin:0px;padding:0px;font-weight:bold;}
body{font-family:'Myriad Pro', Arial, Sans-Serif;font-size:24px;line-height:40px;color:#fff;}
.sosyal{list-style-type:none;display:block;}
.sosyal li{float:left;}
.sosyal li.ikon{width:45px;height:40px;text-align:center;}
.twitter{background:#009ad4;border:1px solid #006297;}
.facebook{background:#264075;border:1px solid #233b6c;}
.friendfind{background:#16609f;border:1px solid #233b6c;}
.rss{background:#f58d30;border:1px solid #dc762d;}
.kalin{font-weight:bold !important;}
.yazi{padding:0px 7px;}
.temizleyici{clear:both;}
</style>
</head>
<body>

<ul class="sosyal">
<li class="ikon twitter">t</li>
<li class="yazi twitter">
<span class="kalin">5428</span>Abone</li>
</ul>
<div class="temizleyici"></div>

<ul class="sosyal">
<li class="ikon facebook">f</li>
<li class="yazi facebook">
<span class="kalin">2952</span> Takipçi</li>
</ul>
<div class="temizleyici"></div>

<ul class="sosyal">
<li class="ikon friendfind">ff</li>
<li class="yazi friendfind">
<span class="kalin">3682</span> Takipçi</li>
</ul>
<div class="temizleyici"></div>

<ul class="sosyal">
<li class="ikon rss">rss</li>
<li class="yazi rss">
<span class="kalin">8255</span> Abone</li>
</ul>

</body>
</html>
 

Carizmatic

New member
Katılım
6 Ağu 2012
Mesajlar
1,672
Beğeniler
0
Konum
Webmaster.TC
#2
Hocam aynı boyutta olma imkanı yokmu? Yani uzunluklarının :) Güzel tasarım fakat RSS iconu biraz kaymış 1-2px kadar. Birde alternatif fontlarla denersen eminim daha çok ilgi çeker. Ellerine sağlık
 

Mamba

webmaster.tc
Katılım
7 Ağu 2012
Mesajlar
159
Beğeniler
0
#6
Hocam aynı boyutta olma imkanı yokmu? Yani uzunluklarının :) Güzel tasarım fakat RSS iconu biraz kaymış 1-2px kadar. Birde alternatif fontlarla denersen eminim daha çok ilgi çeker. Ellerine sağlık
Abone ve takipçi sayılarına göre yan kısmın uzaması şeklin de düşünmüştüm ben. Ancak senin söylediğin şekli de düzenleyip alternatif olarak sunabilirim.

Önerdiğin bir font var mı ?

Ayrıca diğer konu mu es geçme :rolleyes:
 

CaddeAktif

webmaster.tc
Katılım
25 Ağu 2012
Mesajlar
1,627
Beğeniler
0
Konum
İstanbul
#7
Abone ve takipçi sayılarına göre yan kısmın uzaması şeklin de düşünmüştüm ben. Ancak senin söylediğin şekli de düzenleyip alternatif olarak sunabilirim.

Önerdiğin bir font var mı ?

Ayrıca diğer konu mu es geçme :rolleyes:
düşündüğü şey çok güzel sayaç daki sayılara göre uzaması akıllıca :D
 

Carizmatic

New member
Katılım
6 Ağu 2012
Mesajlar
1,672
Beğeniler
0
Konum
Webmaster.TC
#8
Abone ve takipçi sayılarına göre yan kısmın uzaması şeklin de düşünmüştüm ben. Ancak senin söylediğin şekli de düzenleyip alternatif olarak sunabilirim.

Önerdiğin bir font var mı ?

Ayrıca diğer konu mu es geçme :rolleyes:
Bir ara FW CS5'ten favori font arşivime bakıp en iyilerini yazayım sana :) Dediğin gibi olur tabiki fakat hepsine eşit uzunlukta boşluk bırakırsan daha ilgi çekici olabilir misal bu konudaki sağdaki ikonlarda farklı uzunluktaydı. Fakat aynı uzunlukta daha hoş duruyor. Tabi bu benim yorumum.