//-->

 
--- Yeni Web Sitemize Gitmek İçin Buraya Tıklayın..

Web Sitemiz Taşınmıştır

Birazdan yeni web sitemize yönlendirileceksiniz...!!
 ----
Eğer yönlendirilmezseniz "Yeni web sitemize gitmek için buraya tıklayın..."


Profesyonel HTML Dersler

Resim Üzerine Gelince Açıklama Gösteren Kod

Resim Üzerine Gelince Açıklama Gösteren Kod

<style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style><a class="thumbnail" href="#thumb"><img width="100px" height="66px" border="0" alt="" src="https://img.webme.com/pic/d/denemesitesicss/banner.png" /><span><img alt="" src="https://img.webme.com/pic/d/denemesitesicss/banner.png" /><br />
Örnek banner reklamı..</span></a> <a class="thumbnail" href="#thumb"><img width="100px" height="66px" border="0" alt="" src="http://demo.themeshift.com/defacto/wp-content/uploads/2011/09/trichet-1-135x90.jpg" /><span><img alt="" src="http://demo.themeshift.com/defacto/wp-content/uploads/2011/09/trichet-1-135x90.jpg" /><br />
Her hangi örnek bir resim.</span></a> <br />

Görünümü:


Örnek banner reklamı..

Her hangi örnek bir resim.

 





Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=