https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
Süper Logo Efekti - Apart Temalarınız için
#1
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 ok3.png Temalar & Şablonlar ok3.png Temalar ok3.png Temanız ok3.png Global.CSS ok3.png Gelişmiş Düzenleme



Aç ve Şunları Bul;
Kod:
#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]
Ara
Cevapla PGM
Teşekkür verenler:
#2
Kasmasa iyi olur aslında.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Kopyala + yapıştır yapıyorsunuz kendiniz emek sarfetseniz .
Ara
Cevapla PGM
Teşekkür verenler:
#4
Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#5
(21-11-2014 Saat: 22:20)türkperest Nickli Kullanıcıdan Alıntı: 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.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Paylasilan konuyu tekraracmayi severmisin



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


Not : bide bana ait diyorsun yakistiramadim sana
Ara
Cevapla PGM
Teşekkür verenler:
#7
(21-11-2014 Saat: 22:35)#Cumpes Nickli Kullanıcıdan Alıntı: 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.
Ara
Cevapla PGM
Teşekkür verenler:
#8
"Kendi yaptigim logo hoverim " diyipte paylasiorsun
- linkini bluyum aticam hicbir edit yok siteme yapmistim
Ara
Cevapla PGM
Teşekkür verenler:
#9
Bkz :http://destek.10tl.net/showthread.php?tid=30626&highlight=hover buldum buna ne diyec3ksiniz cok.merak 3diyorum
Ara
Cevapla PGM
Teşekkür verenler:
#10
O konunun tıpatıpın aynısımı bu konu ?
Ara
Cevapla PGM
Teşekkür verenler:
#11
sağol
Ara
Cevapla PGM
Teşekkür verenler:
#12
Yahu kod deistirirerek paylasilsa forumda hersey alinti olurdu 
- kod deisik fakat sonuc ayni ?ayni hover cikiyor
Ara
Cevapla PGM
Teşekkür verenler:
#13
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.
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