Ana Sayfa
  Html Dersleri
  => Html Link Verme
  => Rollover image
  Php Dersleri
  Mysql Dersleri
  Css Dersleri
  Seo Dersleri
  Daha Fazla
Rollover image
" Rollover Image " resmin üzerine gelince değişen resim demektir.Yapılması için gerekli araç gereçler en az iki adet resim ve basit bir kod düzeneğidir.Rollover birçok alanda kullanılabilir bir sistemdir.Bunu menü olarak kullanabileceğiniz gibi şık bir sosyal ağ ikonunada çevirebilirsiniz.
Rollover kullanımını  " Dreamweaver " aracılığı ile basir bir şekilde gerçekleştirmeniz mümkündür.
Kod olarak verilen sistemlerde genellikle sorun çıktığı için anlatımı " Dreamweaver " aracılığıyla anlatma ihtiyacı hissettim.
Basit ve detaylı bir anlatımdan önce eğer anlattıklarımı anlamadıysanız herşeyden önce bir örnek göstererek aklınızdaki karışıklığı almak istiyorum.

İşlemimiz bittiğinde resmin son hali aşağıdaki gibi olacaktır. ( Lütfen işaretçiyi resmin üstüne götürün. )







Resimli Anlatım


Resimleri büyütmek için üzerlerine tıklayınız.




Bir Html Dökümanı Açalım.



Kod kısmındaki tüm kodları silelim. ( İngilizcesi : Code )



Sağ taraftaki menüden ekleye (insert ) tıklayalım , resimin (image) üzerindeki oka tıklayıp " Rollever "  seçelim.



Son olarak yukardaki resimde olan adımları uygulayalım.Tamam'a tıklayalım ve işlem tamamlandı.
 

Site Hakkında  
  Web siteleriniz için en kolaydan başlayarak en zora , detaycı ve anlaşılır bir şekilde dersler sunar.  
İstatistikler  
   
Bugün : 1 kişi ziyaret etti.

İp Adresiniz : 54.234.45.33

Buradasınız : Rollover image
 
 
Etiket Bulutu