Forum'da ara:
Ara


Yazar Mesaj
Mesaj07.10.2013, 10:50 (UTC)    
Mesaj konusu: bu kodu bilen varmı?

arkadaşlar mesela http://www.filmifullizle.com/ bu siteden örnek veriyim.
film resminin üzerine gelince filmin isminin falan yazılı olduğu bişey çıkıyoya alttan yani resmin üstüne gelince bilgileri çıkıyo bunun kodunu bilen varmı ?
Mesaj07.10.2013, 17:35 (UTC)    
Mesaj konusu:

Bu kod daha önce paylaşılmış.


Bu konuda bulabilirsiniz
http://www.bedava-sitem.com/forum/viewtopic.php?p=847343&sid=cffdb72beb541d92f9707f04ed084cdd
______________
Yeni Açılan Websitemize Yazar Alımları Başladı !
Mesaj11.10.2014, 22:10 (UTC)    
Mesaj konusu:

Şuradaki kod daha ilgin. bunu bilen varmı aranızda ? afişin üzerinde tüm bilgiler yazıyor.

http://hd-filmsitesi.com/
Mesaj03.11.2014, 04:54 (UTC)    
Mesaj konusu:

Jquery hover ile yapılıyor..

Googlede araştırıp kodlarını bulabilirsin
______________
aşk bitti....
www.arabeskdamar.tr.gg
Mesaj03.11.2014, 05:11 (UTC)    
Mesaj konusu: Re: bu kodu bilen varmı?

seyoking yazmış:
arkadaşlar mesela http://www.filmifullizle.com/ bu siteden örnek veriyim.
film resminin üzerine gelince filmin isminin falan yazılı olduğu bişey çıkıyoya alttan yani resmin üstüne gelince bilgileri çıkıyo bunun kodunu bilen varmı ?


Şöyle küçük bir örnek hazırladım:

Alttaki kodu: Tasarım ayarları Arrow Gelişmiş ayarları göster Arrow Css kodu bölümüne koy ve kaydet
Kod:
   .anadiv {
    position: relative;
    padding: 0;
    width:300px;
    display:block;
}
.yazi {
    position: absolute;
    top: 0;
    color:#f00;
    background-color:rgba(255,255,255,0.8);
    width: 300px;
    height: 300px;
    line-height:10px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.yazi:hover {
    opacity:1;
}
}

img {
    z-index:1;
}


Bu aşağıdaki kod ile de herhangi bir sayfanda örnekteki gibi göstere bilirsin (Örnek linki aşağıdadır)

KOD:

Kod:
<a href="#" class="anadiv">
    <span class="yazi">
       <h1>Film başlıgı</h1>
      <h3 style="color:blue;">Detaylar</h3>
      <p style="color:orange;">Açıklama vs..</p>
    </span>
    <img src="http://www.total-beauty-secrets.com/images/natural-beauty-secrets.jpg">
</a>


Örnek: http://jsfiddle.net/7erx3jmx/

Sağ alttaki resmin üstüne gel sonucu görürsün.
______________
aşk bitti....
www.arabeskdamar.tr.gg
Mesaj03.11.2014, 21:27 (UTC)    
Mesaj konusu:

@hd-filmsitesii
Lütfen reklam yapmayınız.
Bir konuya cevap verirken konu tarihini gözden geçirelim.
Cevap verdiğiniz bu başlık konu tarihi 2013 senesine ait olduğunu hatırlatmam da fayda var. Rolling Eyes
Konu kilit.

______________
ua1905ua agasu06 baslangic-sayfam tasarimci-amca2 grafikdizayn biryaziatolyesi

Bilmeyen ne bilsin bizi.. Bilenlere selam olsun.. Smile
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu