Sağda Çıkan Sosyal Hesap Menüsü

[drajum]

Sağda kayan Sosyal medya butonlarını göstericeğim

1.adım-> Admin paneli ->Temalar->Temanızı seçin->global.css->gelişmiş düzenleme->Vereceğim kodu ekleyin

Kod:

Kod: Tümünü Seç Tümünü Kopyala

#sosyalmedya {
position: fixed; right: 0; top: 150px; z-index: 999999;
}

.sosyalmedya {
background-image: url(images/paylas.png); background-repeat: no-repeat; height: 42px; width: 42px; top: 10px; margin-left: auto;
}

.sosyalmedya:hover {
width: 135px; cursor: pointer;
}

.facebook {
background-position: 0px 0px;
}

.twitter {
background-position: 0px -42px;
}

.flickr {
background-position: 0px -84px;
}

.friendfeed {
background-position: 0px -126px;
}

.vimeo {
background-position: 0px -168px;
}

.youtube {
background-position: 0px -210px;
}

.linkedin {
background-position: 0px -252px;
}

.rss {
background-position: 0px -294px;
}

.facebook:hover {
background-position: 0px 0px;
}

2.Adım->Admin paneli ->Temalar & Şablonlar -> Şablonlar->Temanızı seçin->Header Şablonlar->header-> Vereceğim kodu en alta ekleyin ve kendinize göre düzenleyin
Dikkat: sadece adres bölümünü değiştirin...

Kod:

Kod: Tümünü Seç Tümünü Kopyala

<div id="sosyalmedya">
<div class="facebook sosyalmedya" onclick="location.href='Facebook adres'"></div>
<div class="twitter sosyalmedya" onclick="location.href='Twitter adres'"></div>
<div class="youtube sosyalmedya" onclick="location.href='Youtube adres'"></div>
<div class="flickr sosyalmedya" onclick="location.href='flickr adres'"></div>
<div class="friendfeed sosyalmedya" onclick="location.href='friendfeed adres'"></div>
<div class="vimeo sosyalmedya" onclick="location.href='vimeo adres'"></div>
<div class="linkedin" onclick="location.href='Rss adres'"></div>
<div class="rss sosyalmedya" onclick="location.href='Rss adres'"></div>
</div>

3.Adım
Vereceğim resimi "ftp" yardımıyla İmagese atın
Dikkat: Resimin ismini:"paylas" yapınız....

Not : Ben Kullanmadıklarımı Sildim Sizde Hepsi Görünücek.

Resim:



Ön İzleme

[SunXDizayn]

Gerçekten işe yarar :)

[drajum]

teşekkür ederim :D ilk yorum sağolasın bro :D