Gösterim Stili Logoya Sallanma Efekti Verme

Edward Unregistered   #1 02-05-2014, 06:24 PM 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 >> Temalar & Şablonlar >> Kullandığını Tema >> Global.CSS içerisine girin ve en alt kısıma ekleyin. Kod: Tümünü Seç Tümünü Kopyala .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 >> Temalar & Şablonlar >> Kullandığını Temanın Şablonları >> Header Şablonları >> Header Şablonunu Açın Bulun: Kod: Tümünü Seç Tümünü Kopyala alt="{$mybb->settings['bbname']}" Yanına bir boşluk bırakarak aşağıdakini ekleyin. Kod: Tümünü Seç Tümünü Kopyala class="logo2" Demo; http://wtsupport.10tl.net/index.php Anlatım: Screwy Kaynak: TR.MYBBDEPO.COM Cevapla

« Önceki Konu | Sonraki Konu »

Şu anda bu konuyu okuyanlar: 2 Ziyaretçi