https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 4.67
  • 1
  • 2
  • 3
  • 4
  • 5
Sağda Çıkan Sosyal Hesap Menüsü
#1

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:
#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:
<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:

92458157722701755524.png

Ön İzleme


q4XOzZ.png

Ara
Cevapla PGM
Teşekkür verenler:
#2
Gerçekten işe yarar :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
teşekkür ederim :D ilk yorum sağolasın bro :D
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping