MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Screwy avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Logoya Sallanma Efekti Verme


Sponsor Reklam
media venus

İzinli Screwy
 Tarih: 29-01-2014, Saat:14:04
#1
resim

Merhaba arkadaşlar;

Sizlere bugün temalarımın hemen hemen hepsinde kullandığım logoya sallanma efektinin yapımını göstereceğim...

Hemen Anlatıma Geçelim.

Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Tema :sag_ok: Global.CSS içerisine girin ve en alt kısıma ekleyin.

Kod:
.logo2 {
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
}
.logo2:hover {
    animation: 0.5s ease 0s normal none infinite swing;
    -moz-animation: 0.5s ease 0s normal none infinite swing;
    -webkit-animation: 0.5s ease 0s normal none infinite swing;
}

@Keyframes swing {
             0% {
               transform: rotate(5deg);
             }
             50% {
               transform: rotate(-5deg);
             }
            100%{
               transform: rotate(5deg);
             }
        }
        
        @-moz-keyframes swing {
             0% {
               -moz-transform: rotate(5deg);
             }
             50% {
               -moz-transform: rotate(-5deg);
             }
            100%{
               -moz-transform: rotate(5deg);
             }
        }
        
        @-webkit-keyframes swing {
             0% {
               -webkit-transform: rotate(5deg);
             }
             50% {
               -webkit-transform: rotate(-5deg);
             }
            100%{
               -webkit-transform: rotate(5deg);
             }
        }

Daha Sonra

Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Temanın Şablonları :sag_ok: Header Şablonları :sag_ok: Header Şablonunu Açın

Bulun:
Kod:
alt="{$mybb->settings['bbname']}"

Yanına bir boşluk bırakarak aşağıdakini ekleyin.
Kod:
class="logo2"

Yapmanız gereken tüm işlem bu kadardır.

Demo:
Kod:
http://www.mmodepo.com/

Kaynak:
Kod:
http://www.mmodepo.com/html-css-seo/1503-logoya-sallanma-efekti-verme.html
Cevapla
Bunu Beğenenler: NY.Net , BlackCat , xpserkan , S.G , Edward , Kiliza , trafikci232
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı sp4wn
 Tarih: 29-01-2014, Saat:15:03
#2
Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme
Cevapla
Bunu Beğenenler:

İzinli BlackCat
 Tarih: 29-01-2014, Saat:16:33
#3
Teşekkürler kardeşim, faydalı konu. Süper
Cevapla
Bunu Beğenenler: Screwy

Çevrimdışı duruk
 Tarih: 01-02-2014, Saat:22:18
#4
(29-01-2014, Saat:15:03)sp4wn Adlı Kullanıcıdan Alıntı: Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme
Sanmıyorum.
Cevapla
Bunu Beğenenler:

Çevrimdışı Bursia
 Tarih: 31-08-2015, Saat:09:52
#5
çok ama çok faydalı bi konu blogger siteme de uyguladım Gülümseme
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Photoshop Dersleri Resime Rüzgar Efekti Vermek Smyrna35 0 1,320 23-08-2012, Saat:16:39
Son Yorum: Smyrna35



Konuyu Okuyanlar: 1 Ziyaretçi