https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 4.33
  • 1
  • 2
  • 3
  • 4
  • 5
Postpite ; Dönen Çerçeveli Avatar
#1

Merhaba, Ben Drajum.

Admin-CP > Tema&Şablonlar > Kullandığınız Tema > CSS Oluştur.

Stil Adı: Avatar.css
İlişkilendirilen: Genel Stil
Kendi içeriğimi yazmak istiyorum:

Kod

Kod:
#donenavatar{
   -webkit-transition: -webkit-transform 1s ease-in-out;
   -moz-transition: -moz-transform 1s ease-in-out;
   -o-transition: -o-transform 1s ease-in-out;
   -ms-transition: -ms-transform 1s ease-in-out;
       -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -ms-transition: 1s;
   transition: 1s;
   opacity: 1;
}

#donenavatar:hover{
    -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   opacity: 0.1;
}

Admin-CP > Tema&Şablonlar > Şablonlar > Kullandığınız Tema > Post Bit - [postbit] Şablonlar > Postpit_Avatar'a Girin Tüm Kodları Silin Ve Bunları Yapıştırın.

Kod

Kod:
<div id="donenavatar">
<a rel="nofollow" href="{$post['profilelink_plain']}"><IMG class="box-avatar" src="{$post['avatar']}" alt="user avatar" {$avatar_width_height} /></a>
</div>

Admin-CP > Tema&Şablonlar > Kullandığınız Tema > Global.CSS En Alta Ekleyin

Kod
Kod:
.box-avatar {
background-image: url(http://i.hizliresim.com/6Z0moN.png);width: 94px;height: 94px;background-position: center center;background-repeat: no-repeat;padding: 10px;

Demo : TıklaGit..!

Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi


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