@munzevi animation değil transition kullanıyorum. çünkü hover olunca bir işlem yapıyorum
tekrar tıklandığında tooltip görüntülenecek mi bu şekilde?
tayfun hocam bunu yazdığım için kızacaksın belkide ama, css de + kullanımının olduğunu biliyorum. SCSS e bugün başladım yapılar iç içe olduğu için biraz kafam karıştı. ilginiz için teşekkür ederim
left, right, top, bottom değerleriyle
Tayfun hocanın dersi gayet kapsamlı zaten. Uygulama yaparak geliştirebilirsin ancak, bilişim teknolojileri öğretmeniyim. Web tasarımı ve probramlama dersinde FLEX konusunu anlatırken yaptığımız uygulamaları şöyle bırakayım incele istersen. Sonrasında kendinde yapmayı denersin.
arkadaşlar, bir hata kodu bende almadım, sadece webmail servisinde yapılacak olan bir ayar var mı onu soruyorum.
css ile hover olayınca dispylay:none - display-block özellikleriyle yada opacity özellikleri ile yapılabilir.
merhaba bende bootstrap 5 ile kullanmıştım, sana örnek birkaç kod atayım oradan yardım alarak yapabilirsin.
web => https://prnt.sc/r_jjV-ecYetO
mobil => https://prnt.sc/WVNz2NItH0Bh
<!-- swiper -->
<section id="swiper">
<div class="container">
<div class="col-12">
<div class="row pb-3">
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide1">
<div class="card border-0">
<div class="card-header bg-sw comment-title">
@kullaniciadi
</div>
<div class="card-body bg-sw">
<h5 class="card-title comment-user">Yorum başlığı</h5>
<p class="card-text comment">
burası kullanıcının yapmış olduğu bir yorum 1
</p>
<a href="#" class="btn btn-outline-light">
02.02.2022
</a>
</div>
</div>
</div>
<div class="swiper-slide slide2">
<div class="card border-0">
<div class="card-header bg-sw comment-title">
@kullaniciadi
</div>
<div class="card-body bg-sw">
<h5 class="card-title comment-user">Yorum başlığı</h5>
<p class="card-text comment">
burası kullanıcının yapmış olduğu bir yorum 2
</p>
<a href="#" class="btn btn-outline-light">
02.02.2022
</a>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
</section>
<!-- swiper -->
<script>
var swiper = new Swiper(".swiper", {
slidesPerView: "auto",
centeredSlides: true,
spaceBetween: 5,
loop: true,
grabCursor: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
dynamicBullets: true,
},
});
</script>
html ve js yapısı şu şekilde
arkadaşlar şu şekilde çözdüm.
$sorgu = $db->query("SELECT fiyat FROM test LIMIT $hedef_lig OFFSET $suanki_lig", PDO::FETCH_ASSOC);
$satir_toplam = 0;
foreach ($sorgu as $satir) {
$satir_toplam += $satir["fiyat"];
}
print($satir_toplam);