Uzman Cevap beta aşamasından çıkmaya hazırlanıyor! Yenilikleri takipte kalın.
Çözüldü! Bu soru aradığı cevabı buldu :) Teşekkürler iyi niyetli insanlar!

HTML Resim Üzerine Yazı Yazdırma Hover Şeklinde

Herkese merhabalar. Uzmanlardan cevap bekliyorum. Bu arada ben kodladım nasıl olmuş ?

http://rocketgames.tk
Cevaplar (4)
0
gözəl olmuş :D
bu arada etiketler arasında jquery veya javascript görmediğim için css'ile hazırladım ve verdiğiniz linkten az çok nerede kullanacağınızı tahmin ettiğim için şöyle bir örnek hazırladım :)
<div class="resim_alan">
    <img src="http://rocketgames.tk/images/1299642_1557fdd10a5ffe.png" alt="CS:GO">
    <div class="resim_aciklama"> Deneme </div>
</div>


.resim_alan{
    position: relative;
    width: 245px;
    height: 145px;
}
    
.resim_alan img{
    width: 245px;
    height: 145px;
    border-radius: 10px;
}
    
.resim_alan .resim_aciklama{
    color: #fff;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-family: 'SCO-bold', sans-serif;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.23);
    display: inline-block;
    height: 20px;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.resim_alan:hover .resim_aciklama{
    visibility: visible;
    opacity: 1;
}
0
Hocam ben yapamadım. Rica etsem Siz bağlanıp yapabilir misiniz ?
0
Tabiki de kaynak kodunu atmanız yeterli sadece oyunların olduğu yeri atsanız bile olur :)
fb.com/mberatsanli 'dan arkadaşlık isteği atarsanız daha çabuk yardım edebilirim
0
Allah razı olsun !
Cevap Yazın..

[code=css,php,sql,asp..]..kod..[/code] , [url=http:...com] , [img=resim linki]
[color=renk kodu]..yazı..[/color]

yabancı dizi izle tv ünitesi