Süper Logo Efekti - Apart Temalarınız için

[abdullahozturk]

Arkadaşlar ben yapmadım dikkat edelim.


Demo;
http://genelforum.10tr.net/

Logosunun üstüne fare ile gelin.



Sonra bunu yapmak için;



Admin KP  Temalar & Şablonlar  Temalar  Temanız  Global.CSS  Gelişmiş Düzenleme



Aç ve Şunları Bul;

Kod: Tümünü Seç Tümünü Kopyala

#logo

altına şunları ekle:
#logo img {

#logo img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
margin: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#logo img:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
opacity: 1;
-webkit-filter: blur(5px); filter: url(#blur-effect-1);
}

[code]Sonra kaydet.

Bitti , sayfayı yenileyip deneyebilirsiniz arkadaşlar.
İyi günler.. Smile[/code]

[Kaily]

Kasmasa iyi olur aslında.

[κεıƨʟч]

Kopyala + yapıştır yapıyorsunuz kendiniz emek sarfetseniz .

[Aeon KF]

Teşekkürler

[abdullahozturk]

Kopyala + yapıştır yapıyorsunuz kendiniz emek sarfetseniz .

Konuyu 5 Kere Düzenledim ?


- Bütün Her Şeye Ön Yargılı Yaklaşmayın, Aksine İnsanlardan Kendinizi İtersiniz.

[#Cumpes]

Paylasilan konuyu tekraracmayi severmisin



-- teldeyim yarin link aticam forumunuzun görünüşünü yonetin bolumunde var... rapor...


Not : bide bana ait diyorsun yakistiramadim sana

[abdullahozturk]

Paylasilan konuyu tekraracmayi severmisin



-- teldeyim yarin link aticam forumunuzun görünüşünü yonetin bolumunde var... rapor...


Not : bide bana ait diyorsun yakistiramadim sana

Metin, forumunun düzenini bozmayı çokmu seviyorsun ? katı kurallar gibi davranma bana en sevmediğim şeylerden birisi.Ben konuyu düzenledim ama o yazıyı görmedin 6. editlemeyi yapıyorum.

[#Cumpes]

"Kendi yaptigim logo hoverim " diyipte paylasiorsun
- linkini bluyum aticam hicbir edit yok siteme yapmistim

[#Cumpes]

Bkz :http://destek.10tl.net/showthread.php?tid=30626&highlight=hover buldum buna ne diyec3ksiniz cok.merak 3diyorum

[abdullahozturk]

O konunun tıpatıpın aynısımı bu konu ?

[WordS]

sağol

[#Cumpes]

Yahu kod deistirirerek paylasilsa forumda hersey alinti olurdu 
- kod deisik fakat sonuc ayni ?ayni hover cikiyor

[abdullahozturk]

Hey, senin sorunun ne dostum ? :D, arkadaşim bak ben onu görmedim tamammi büyük ihtimalde o konuyu açan kişi kendi yapti.Ben bi adamin açtiği yani kendisiniin yapiipta açtiği konuyu aldim ve yapiştirdim sonra düzenledim.