Boyner şablonu nasıl yapılır?

Fleure

Decapat
Katılım
4 Mart 2023
Mesajlar
369
Daha fazla  
Cinsiyet
Erkek
Arkadaşlar bu resimdeki gibi resimin altına yazı nasıl ekleyebilirim? Yeni başladım kod yazmaya ayrıntılı anlatırsanız sevinirim.
 

Dosya Ekleri

  • Ekran Alıntısı.PNG
    2,2 MB · Görüntüleme: 70
Hem resme hem yazıya bir div id veya class vereceksin, sonra o class veya idlerin css ile oynayacaksın.
knk peki o 4 resme bir div mi vercem her resme bir div mi

bide grid mi daha iyi olur flex mi
 
anlamadım şöyle mi yapcam :
<div id="flex"><img src="jpg/resim1.jpg" class="resim" >
<img src="jpg/resim2.jpg"class="resim">
<img src="jpg/resim3.jpg"class="resim">
<img src="jpg/resim4.jpg"class="resim">
<br>
<div>
<div id="flex">
Yaz Boyner'de!
Tropikal ve Renkli Parçalar
Elbise & Tulum
Çocuk Plaj Modası
</div>

yoksa

<div id="grid"><img src="jpg/resim1.jpg" class="resim" > <div>Yaz Boyner'de!</div>
<img src="jpg/resim2.jpg"class="resim"> <div>Tropikal ve Renkli Parçalar</div>
<img src="jpg/resim3.jpg"class="resim"> <div>Elbise & Tulum </div>
<img src="jpg/resim4.jpg"class="resim"><div>Çocuk Plaj Modası</div>
Şimdi yazıların başınada bir div ver. Yazıları bir divin içine al ve onlara resimlerdeki css kodlarının aynılarını yapıştır.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…