Mouse üzerine gelince bilgi kutusu?

cok_asi55 · 1 30-11-2010, 17:43:06

Arkadaşlar bir resmim var sitede mouse ile resmin üzerine gelince bir bilgi kutusu açmak ve içinde satırlar halinde 6 satır bilgi yayınlamam lazım.

ebebek bunu yapmış ama o kadar gelişmiş birşey olması lazım değil. Sadece bir pencere açılsa mouse üzerine gelince ve üzerinden çekilince gitse yeterli.

Mesela buraya girin. Ürün fiyatının hemen altında aynı gün kargo isimli bir resim var. onun üzerine gelince görüceksiniz demek istediğimi.

http://www.e-bebek.com/eldiven_sapka...diven/KID-1022

Böyle bir kod varmı elinizde yada bildiğiniz.?

cok_asi55 · 2 01-12-2010, 11:57:57

güncel.........

loperselim · 3 01-12-2010, 13:15:17

şöyle bir şey hazırladım.

http://www.selimturk.com.tr/demo/goster-gizle.html

kullanmak isterseniz http://selimturk.com.tr/demo/goster-gizle.rar adresine koydum dosyayı, inceleyip uygularsınız kullanacağınız yerde. Cssini falan ayarlarsınız daha güzel şekilde. Entegre edemezseniz yardımcı olurum gene. kolay gelsin..

cok_asi55 · 4 01-12-2010, 16:43:02

Çok teşekkürler hemşerim.

Tam istediğim olmuş. Bende cssleri ile aşağıdaki gibi oynayıp etrafına border ekledim. Başkaları içinde lazım olursa kullanabilirler.

PHP- Kodu:

  <style type="text/css">
<!--
#sabit {
    position:relative;
    width:124px;
    height:35px;
    z-index:1;
}
#acilkapan {
    position:absolute;
    left:0px;
    top:32px;
    width:385px;
    height:300px;
    z-index:2;
    background:#FFF;
    visibility:hidden;
    border: 5px solid #D1CF9C;
    padding: 2px;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 10px;
    behavior:url(border-radius.htc);
}
-->
</style>

SzolnoK · 5 03-08-2011, 02:56:50

benim de işime yaradı teşekkürler

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder