http://www.seomektebi.com/
yukarıda belirtmiş olduğum sitenin hover resim efekt kodu çok hoşuma gitti fare ile resimlerin üzerine gelince rengarenk oluyor bu hover efektini blogger da kullanmayı dusunuyorum bu efektin css kodu olan birisi var mı bulamadım :confused:
Bu hover resim efekt kodu lazım |
10 Mesajlar | 1.841 Okunma | ||
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
- Üyelik 11.12.2010
- Yaş/Cinsiyet 37 / E
- Meslek Emekçi
- Konum Edirne
- Ad Soyad H** K**
- Mesajlar 6013
- Beğeniler 3911 / 3920
- Ticaret 6, (%100)
Opacity ile vermişler. Aşağıdaki kod yardımı ile yapabilirsin.
img:hover {
opacity: 0.7;
}
Hatalıysam telefon etme, idare et (?)
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
Bu işlerde yeniyimde biraz aydınlatırsanız sevinirim
- Üyelik 11.12.2010
- Yaş/Cinsiyet 37 / E
- Meslek Emekçi
- Konum Edirne
- Ad Soyad H** K**
- Mesajlar 6013
- Beğeniler 3911 / 3920
- Ticaret 6, (%100)
Zaten benim mesajımın üstünde başka mesaj yok. Alıntı yapmadan cevap verirsen sevinirim. Boşu boşuna mesaj kirliliği yapmayalım.
Temanın css dosyasına yukarıda verdiğim kodu eklemen lazım. Eğer blogger kullanıyorsan şablonu düzenle diyerek etiketleri arasına şu kodu ekle:
Temanın css dosyasına yukarıda verdiğim kodu eklemen lazım. Eğer blogger kullanıyorsan şablonu düzenle diyerek etiketleri arasına şu kodu ekle:
Hatalıysam telefon etme, idare et (?)
- Üyelik 15.09.2014
- Yaş/Cinsiyet 37 / E
- Meslek PHP
- Konum KKTC
- Ad Soyad A** E**
- Mesajlar 258
- Beğeniler 25 / 87
- Ticaret 17, (%94)
Css kodunu alabilmek için ;
Siteyi chrome ile açın. Sağ üstte chrome menüye basarak sayfayı farklı kaydet'e tıklayın. Sayfayı desktopunuza kaydettikten sonra html editörle açın. Sayfa içerisinde kırmızı css kodları var bolca. Onları yavaş yavaş silerek sayfayı test edin.
.post { display: block; overflow: hidden; word-wrap: break-word; }
.re#my_map{ height: 350px; width: 730px; } 'la başlayan kod istediğiniz css kodun başlangıcı.
Kolay gelsin. Not: Site sahibine yapmadan önce veya yaptıktan sonra aldığınız özelliği de bildirirseniğz en azından etik olur.
Siteyi chrome ile açın. Sağ üstte chrome menüye basarak sayfayı farklı kaydet'e tıklayın. Sayfayı desktopunuza kaydettikten sonra html editörle açın. Sayfa içerisinde kırmızı css kodları var bolca. Onları yavaş yavaş silerek sayfayı test edin.
.post { display: block; overflow: hidden; word-wrap: break-word; }
.re#my_map{ height: 350px; width: 730px; } 'la başlayan kod istediğiniz css kodun başlangıcı.
Kolay gelsin. Not: Site sahibine yapmadan önce veya yaptıktan sonra aldığınız özelliği de bildirirseniğz en azından etik olur.
Php Developer & Network Admin.
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
bilgilendirmeleriniz için çok teşekkürler
Ek Olarak: kodu bir türlü yapamadım doğru şekilde çıkartamıyorum siteden heralde çalıştıramıyorum
Ek Olarak: kodu bir türlü yapamadım doğru şekilde çıkartamıyorum siteden heralde çalıştıramıyorum
- Üyelik 05.11.2013
- Yaş/Cinsiyet 37 / E
- Meslek Web Master - php developer
- Konum İstanbul Avrupa
- Ad Soyad T** G**
- Mesajlar 44
- Beğeniler 32 / 14
- Ticaret 2, (%100)
Bu işlemin opacity ile alakası yok img:hover {opacity: 0.7;} bu kod resmin üzerine glince resmi %70 oranında saydamlaştır anlamına gelir Arkadaşın istediği ise animasyondur bu yüzdende bu kodu kullanması gerekir.
img:hover { -webkit-animation:hue 1s linear infinite; }
grey23 sitenin adresini verirsen işlemi nasıl yapman gerektiğini sana daha iyi anlatarım. eğer bu kodu yapıştırırsan bütün img olanlara aynı işlemi uygular ama hepsine uygulamak istemiyorsan uygulamak istediğin yere göre sana bir öneri yapabilirim iyi geceler
img:hover { -webkit-animation:hue 1s linear infinite; }
grey23 sitenin adresini verirsen işlemi nasıl yapman gerektiğini sana daha iyi anlatarım. eğer bu kodu yapıştırırsan bütün img olanlara aynı işlemi uygular ama hepsine uygulamak istemiyorsan uygulamak istediğin yere göre sana bir öneri yapabilirim iyi geceler
www.devaevi.com.tr - www.saglikvesiz.com
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
çok teşekkürler
- Üyelik 04.08.2014
- Yaş/Cinsiyet 40 / E
- Meslek Yönetici
- Konum İstanbul Avrupa
- Ad Soyad Ş** K**
- Mesajlar 3625
- Beğeniler 1459 / 1458
- Ticaret 135, (%100)
Bu işlerde yeniyimde biraz aydınlatırsanız sevinirim
Sorunu hal edebildinizmi?
Bugün Bizim Yarın Çocuklarımızın.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)