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).
AttAcK.58 avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

mybb.com.tr tarzı logo efekt


Sponsor Reklam
media venus

Çevrimdışı AttAcK.58
 Tarih: 20-07-2012, Saat:00:15
#1
arkadaşlar mybb.com.tr deki gibi logonun üzerine gelindiğinde logomun saydamlaşmasını istiyorum.bunu yaptım fakat mouse logonun üzerine geldiğinde hemen saydam oluyor.bn mctr deki gibi yavaş yavaş saydam olmasını istiyorum bana yardım edebilirmisiniz?
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı AttAcK.58
 Tarih: 20-07-2012, Saat:02:24
#2
sanıyorsam bu şekilde ama olmuyor.
Kod:
.logo {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.logo:hover {
    opacity: 0.5;
}
Cevapla
Bunu Beğenenler:

Çevrimdışı Flaxes
 Tarih: 20-07-2012, Saat:08:50
#3
Koddaki opacity: 0.5 ile oynarsan değişebilir bence denedin mi hiç opacity: 1 yada 2 falan yapmayı dene bence bu opacity ile alakası olabilir.
Cevapla
Bunu Beğenenler:

Çevrimdışı zolsauza
 Tarih: 20-07-2012, Saat:10:10
#4
Jquery adı verilen bir çeşit script kullanarak, üst üste bulunan iki resimden birisinin maus ile üstüne gelindikten sonra yavaş yavaş kaybolarak yerini alttaki resime bırakması sonucu oluşan görüntü olduğunu sanıyorum, css kullanarak yapılamaz fikrime göre, fakat bunu genellikle gizli tuttukları için ki şu ana kadar paylaşanı görmedim, sanırsam çoğu kişi tarafından bilinmediği için gizlenmekte şuanda başkalarının işini bozmak istemem malesef paylaşamayacağım, isterlerse ilgili kişiler size anlatırlar zaten Gülümseme. bu mesajı sadece zaman kaybetmemenizi istediğim için yazdım, fakat yapmakta kararlıysanız o çeşit logo kullanan sitelerin css ve js kodlarını dikkatli süzmenizi öneririm, Kolay gelsin iyi günler Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı xpserkan
 Tarih: 20-07-2012, Saat:15:14
(Son Düzenleme: 20-07-2012, Saat:15:22, Düzenleyen: xpserkan.)
#5
(20-07-2012, Saat:10:10)zolsauza Adlı Kullanıcıdan Alıntı: Jquery adı verilen bir çeşit script kullanarak, üst üste bulunan iki resimden birisinin maus ile üstüne gelindikten sonra yavaş yavaş kaybolarak yerini alttaki resime bırakması sonucu oluşan görüntü olduğunu sanıyorum, css kullanarak yapılamaz fikrime göre, fakat bunu genellikle gizli tuttukları için ki şu ana kadar paylaşanı görmedim, sanırsam çoğu kişi tarafından bilinmediği için gizlenmekte şuanda başkalarının işini bozmak istemem malesef paylaşamayacağım, isterlerse ilgili kişiler size anlatırlar zaten Gülümseme. bu mesajı sadece zaman kaybetmemenizi istediğim için yazdım, fakat yapmakta kararlıysanız o çeşit logo kullanan sitelerin css ve js kodlarını dikkatli süzmenizi öneririm, Kolay gelsin iyi günler Gülümseme

Çok yanılıyorsunuz hocam, ben css ile basit bir şekilde uyguladım bu işlemi + üsteki arkadaş zaten kodları siteden çekip yayınlamış..

Kod:
.logo {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.logo:hover {
    opacity: 0.5;
}

Css3 ile artık yapılamayacak iş yok , aklınıza gelen herşeyi css3 tekniği ile yapabiliyorsunuz, zaten günümüzde de tarayıcılar epey geliştiler neden eski sürümlere göre ayak uyduralım ki..

Kısaca logo'ya yansıma efekti gibi işlemler için ''Jquery'' vs. kullanmaya gerek yok, hemen hemen her türlü efekt css3 tekniği ile tek resim üzerine yapılıyor.
Cevapla
Bunu Beğenenler: zolsauza , devrim

Çevrimdışı AttAcK.58
 Tarih: 20-07-2012, Saat:23:49
(Son Düzenleme: 21-07-2012, Saat:00:07, Düzenleyen: AttAcK.58.)
#6
teşekkürler xpserkan

kodları çekmemin sakıncası yok değil mi?
Cevapla
Bunu Beğenenler:

Çevrimdışı zolsauza
 Tarih: 21-07-2012, Saat:00:20
(Son Düzenleme: 21-07-2012, Saat:00:20, Düzenleyen: zolsauza.)
#7
Çok teşekkürler bende öğrenmiş oldum Gülümseme teknolojiyi takip edemiyorum pek Dil Çıkarma
Alıntı: olduğunu sanıyorum
yazmamın sebebi emin olmamamdı zaten kızmayın lütfen Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı Burem
 Tarih: 22-07-2012, Saat:11:18
#8
Peki Bu Kodlar Nereye Ekleniyor.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb Logo Efek Nasıl Verilir ? CruelKing 10 1,632 12-10-2014, Saat:02:25
Son Yorum: CruelKing
  Google Tarzı Menü İstek Nyx. 8 1,719 14-08-2013, Saat:22:59
Son Yorum: Smyrna35



Konuyu Okuyanlar: 1 Ziyaretçi