• 09-01-2023, 16:31:14
    #1
    bu tarz bir kutuyu nasıl oluşturabilirim ?
  • 09-01-2023, 16:33:33
    #2
    card içine image sanırım öyle ise
    <div class="card"><div class="card-body"><img class="img-fluid" src="" alt="image" ></div></div>
  • 09-01-2023, 16:36:08
    #3
    Merhaba,

    burada iki ihtimal var, ya görsel ortadaki yazılardan oluşan bölüm, ya da metin. Görsel ise border verirsiniz kalın ve beyaz renkli olarak, aynı tasarım ortaya çıkar. Metin ise span etiketleriyle ayırıp br ile diğer metni alt satıra alıp font size ve weight değerlerini ayarlarsınız, içlerinde bulunduğu div e de padding ve background değerleri verip border atarsınız. Tam olarak anlamadım açıkçası soruyu da, standart kutu tasarımı.
  • 09-01-2023, 16:42:33
    #4
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    burada iki ihtimal var, ya görsel ortadaki yazılardan oluşan bölüm, ya da metin. Görsel ise border verirsiniz kalın ve beyaz renkli olarak, aynı tasarım ortaya çıkar. Metin ise span etiketleriyle ayırıp br ile diğer metni alt satıra alıp font size ve weight değerlerini ayarlarsınız, içlerinde bulunduğu div e de padding ve background değerleri verip border atarsınız. Tam olarak anlamadım açıkçası soruyu da, standart kutu tasarımı.
    Kare şeklinde bir kutu tasarlayıp içerisinde görsel ekleyeceğim hocam. Fakat yapamadım
  • 09-01-2023, 16:55:55
    #5
    canbudak99 adlı üyeden alıntı: mesajı görüntüle
    Kare şeklinde bir kutu tasarlayıp içerisinde görsel ekleyeceğim hocam. Fakat yapamadım
    Bootstrap üzerinde hazır class lar vardır muhtemelen ama hatırımda yok şu an.

    <div style="width: 150px; height: 150px; border: 25px solid #fff;">
    <img src="image.png" style="width: 100%; height: auto;" alt="Image" title="Image" width="" height="" />
    </div>
  • 09-01-2023, 17:02:14
    #6
    Üyeliği durduruldu
    svg olarak
  • 09-01-2023, 17:04:03
    #7
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Bootstrap üzerinde hazır class lar vardır muhtemelen ama hatırımda yok şu an.

    <div style="width: 150px; height: 150px; border: 25px solid #fff;">
    <img src="image.png" style="width: 100%; height: auto;" alt="Image" title="Image" width="" height="" />
    </div>
    Hocam kutuyu Bootsrapdan buldum. Çok teşekkür ederim ilginiz için.