Anasayfa » blogger » Blogger Eklenti » değişen resim » eklenti » kod » mouse » üzerine gelince » üzerine gelince değişen resim kodu » Üzerine Gelince Değişen Resim Kodu

Üzerine Gelince Değişen Resim Kodu

Üzerine Gelince Değişen ... Kodu
Bloggera her geçen gün sevgim biraz daha artıyor.
Yayınlarınızda veya herhangi bir yerde kullanabileceğiniz güzel bir kod ile tekrar karşınızdayız.

Ne işe yarar?
Kodu bir yayınınıza veya bir yere eklediğinizde bir resim görünecek ve bu resimin üzerine mouse ile geldiğinizde ise 2. resim karşınıza çıkacak.
Bu konuda sizi daha iyi aydınlatabilrmemiz için aşağıdaki gif resimi inceleyin.

Önizleme
üzerine gelince değişen resim

Kodlar:

<style>







.cadamresim {







width: 468px;







height: 60px;








background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvyrV1JkqXvch3oSdJbs7YBTLuU-WzYyDpRXm6JpQQp-Pju0nm8YcbmQPwnYWPgZOG36UtbS1m8YsIsJcabUs4lFAxNDQac-SVNj5JyVrSbDhTnRRHXZoYPOPrjCui_XDPaieYTiCuzzs/s1600/fullcyberadam.gif);








}








.cadamresim:hover {








width: 468px;








height: 60px;








background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipkgUuiBcUTsJ3Z9TRhO9ZrlrRIxHAaU6ZFlRBqXqscvTpQL-2hDBpLTcjZuNGRl_00zCH59q-TmdHpqrvTLBDQ7i1nPYqKcVUghj7ELuKfN_eu1GbScGfq6prAnVYtMOdjb0pngnM-dI/s1600/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.gif);








}








</style>

















<br />








<div class="cadamresim">








</div>

Düzenlemeniz gereken yerler mavi renkle işaretlendi.
İlk resim urlsi normalde görünen resim ikincisi ise mouse ile üzerine gelindiğinde görünecek resimdir.
Mutlu zamanlarda kullanmanız dileğiyle, bir sonraki yazımızda görüşmek üzere bizi takipte kalın.

" Üzerine Gelince Değişen Resim Kodu " icin 0 yorum :

* Yorum yazarken imla kurallarına dikkat etmeniz sizin ve bizim yararımıza olucaktır.
* Argo, dini, siyasi, vs. tartışma çıkaracak yorumlardan kaçınınız.